#how to learn html and css in 30 days

[izicodes]

My 2023 Projects

Wednesday 3rd January 2024

I thought it would be cool to share some of the projects I made last year that I liked and enjoyed working on! Most of them were small projects, some were projects I built straight after I learnt a new concept and a few are discontinued (I won't finish them anytime soon)!

I really hope, which I know I will because it's natural for me at this point, to make lots of more cool projects! This year, I want to make more with other people! Coding alone is cool and all but with other people I get more inspired!

Lastly = always remember to build projects that you're interested in. Projects you will have fun working on for a while. Every single one of these projects I've made, I was interested in somehow. And I had fun!!

Anyhoo, check out the projects below~! 🙋🏾‍♀️😊🖤

TumblrTextTint

Basically a formatter for Tumblr posts by adding custom colours to your text! Even learnt how to make FireFox extensions so I could add it as an extension to my browser - link 1, link 2

Web Odyssey

I looked at old Windows GUI on Pinterest one day and decided to recreate the GUI with HTML, CSS and JavaScript! - link 1, link 2

Cat Fact Generator

For one of the projects I did for the #3Days1Project challenge, I created a cute cat generator. Learnt how to work with APIs and a CSS library (Pattern.css) - link 1, link 2

Studyblr Valentines Gift 2023

It was valentine season in the Studyblr community and I participated! I made a poem webpage for a studyblr who was learning Russian! (I don't know anything in Russian but for a couple of weeks I learnt some of the poems!) - link 1, link 2

Saint Jerome Tribute Page

I made a page for my favourite patron saint, Saint Jerome, for his feast day (Sept 30)! I haven't had time to complete it fully and there's no live page for it but I did make posts about it! - link 1

Trigun Quote Generator

Just finished the Trigun anime series at the time so I decided to make a project for it for the #3Days1Project challenge! The anime is so good, it is my 2nd favourite (JOJO comes 1st place) - link 1, link 2

Froggie To-Do

Just came from learning the absolute BASICS of React.js, so I wanted to test my skills so far so I made this project! Shared it on my blog and some people started using it for studying (which made me so happy!) and it became a mini open-source project because random people started adding mini features to the app! Very special project for me! - link 1, link 2, link 3

[codomars]

Day 30 — 35/ 100 Days of Code

I learned how to handle JavaScript features (default parameters, spread, rest, and destructuring).

And I finally reached the DOM chapeter, 'The Document Object' which contains representations of all the content on a page. I'm still discovering its methods and properties.

So far, I've learned about the most useful ones: getElementById(), querySelector, changing styles, manipulating attributes, and the append method.

I'm doing some silly practice exercises just to get more familiar with the DOM methods. The more I progress in my course, the more fun things seem to get. I'm really excited to start building stuff with code and combining HTML, CSS, and JS all together.

[pakmcqspdf]

Important MCQs Asked In Previous Paper Part 3

Important MCQs Asked in Previous Papers | Specially for NTS, ECAT, MCAT, CSS, PPSC, ETEA, KPSC

Pak MCQs is your go-to educational website providing a comprehensive collection of MCQs for all exams and job employment tests, including NTS, ECAT, MCAT, CSS, PPSC, ETEA, KPSC. Whether you are preparing for competitive exams or entry tests, our platform offers an extensive array of questions that are crucial for your preparation.

MCQs for All Exams and Job Employment Tests

Our MCQs are meticulously curated to cater to a wide range of exams and job tests. Whether you are preparing for MCAT, ECAT, or any entry test, Pak MCQs provides you with essential questions that will help you excel.

Why MCQs are Essential for Test Preparation

MCQs are a fundamental part of most competitive exams and offer several benefits:

Test Knowledge and Understanding: 

MCQs help in evaluating your grasp of various subjects.

Enhance Problem-Solving Skills: Regular practice of MCQs improves your ability to solve problems quickly and accurately.

Cover a Wide Range of Topics: MCQs cover numerous topics, ensuring comprehensive preparation.

Advanced and Basic Level MCQs

We offer a wide variety of MCQs ranging from basic to advanced levels. These questions are designed to cater to intermediate and graduate-level students, helping them in their test preparations.

Reliable and Updated Content

All our MCQs are sourced from reliable materials and are regularly updated to reflect the latest exam patterns and trends. This ensures that you have access to the most current and relevant questions.

Important MCQs with Answers

We provide detailed answers to all our MCQs, helping you understand the concepts better and learn effectively. Below are some example MCQs from previous papers that are crucial for your exam preparation:

These MCQs for All Exams and jobs employment test and specially for MCAT, ECAT and Entry Test and For All Test Preparation(NTS, CSS, PPSC, ETC..). If you are looking IMPORTAN MCQs with answer so you are in right place. We have thousands of IMPORTAN MCQs Advance and Basic Level MCQs. It is for intermediate and graduate level bio multiple choice question. These of all multiple choice question are helpful in every test preparation. All intermediate and graduate exams MCQs. A great opportunity to improve your skills and perform batter in study. This mcqs will help in you in every science test.  The following all mcqs we have get from reliable source.

21)    In which Surah obligations of ablution are described?

         (A) Al-Baqrah

         (B) Al-Maidah

         (C) Al-Noor

         (D) Al-An'aam

22)    Which one of the following is considered to be one of the fathers of the internet?

         (A) Vinton Gray Cerf

         (B) Bill Gates

         (C) Charles Babbage

         (D) Steve Jobs

23)    The Federally Administered Tribal Areas (FATA) consist of:

         (A) Five Agencies

         (B) Six Agencies

         (C) Seven Agencies

         (D) Eight Agencies

24)    Qazaf means:

         (A) False accusation of adultery

         (B) False accusation of robbery

         (C) False accusation of rape

         (D) False accusation of murder

25)    If A and B together can complete a job in 15 days and B alone can complete it in 20 days, in how many days can A alone complete the job?

         (A) 60

         (B) 45

         (C) 40

         (D) 30

26)    Choose the synonym of "Sepulchral":

         (A) Cheerful

         (B) Mournful

         (C) Resonant

         (D) Roaring

27)    Complete the idiom "The more things change, the more they ___":

         (A) Begin to improve

         (B) Repeat history

         (C) Stay the same

         (D) Resist change

28)    In Information Technology what does HTML stand for?

         (A) Hyper Text Method Language

         (B) Hyper Text Markup Language

         (C) Hyper Text Markup Logic

         (D) Hyperlink Text Markup Language

29)    Head office of Asian Infrastructure Investment Bank is located in which city?

         (A) Shanghai

         (B) Doha

         (C) Canton

         (D) Beijing

30)    Ceasefire UN Military Observer Group in India and Pakistan established to report on violations:

         (A) 1952

         (B) 1949

         (C) 1950

         (D) 1951

Benefits of Using Pak MCQs

Extensive Question Bank: Thousands of MCQs covering various subjects and levels.

Free Access: All our resources are available for free, ensuring that every student has the opportunity to excel.

User-Friendly Interface: Our website is easy to navigate, allowing you to quickly find the questions you need.

Regular Updates: Stay updated with the latest questions and trends in competitive exams.

Join Our Community for More Updates

We encourage you to share this valuable resource with others to help them in their test preparations. For more daily updates, follow us on our social media platforms:

Find More MCQs At : PAK MCQs

[bruisedconscience-reblogs]

56/100 Days of Code

Log 1

Intermediate CCS Concepts... I want to get through so many of these today you guys have no idea! We'll see how far I get. Maybe I can spend $5 on Dark Souls on the Switch if I do them all.. (I already got a toy today but like.. hey... And also that Nitro Deck pre-order after Pay Day would be...a NICE treat...)

Log 2

I finished those all! Having a break before moving onto More CSS Properties. 30% Finished with Intermediate HTML and CSS!

Log 3

CSS Diner is giving me flashbacks to learning this stuff 10+ years ago in school. But I think the game has been well updated since then!!

Edit: I feel like their game is broken or else not accepting my :nth-child (and the like) arguments... I am going to press forward and try to get a better understanding with my own projects. There are no hints in that game, though there are explanations! I am too stuck on it. Maybe if I return to it tomorrow, I will be able to knock it out. :-)

But I am being honest and not marking the lesson Completed! I am simply moving on, for now. Maybe after dinner I will feel better!

Log 4

I did not revisit CSS Diner yet (still incomplete) but I did get up to the assignments for Custom Properties. I'm going to relax for the night now and watch a movie before bed. My workplace will have me waking up 2+ hours earlier from now on, in the coming week, so I need to prepare for that by going to sleep earlier now. (This is part of the reason why my blog has been on Hiatus and these posts are being Queued!)

Thanks for reading!

[owlkilop]

Tailwind publisher extension

#Tailwind publisher extension how to#

#Tailwind publisher extension software#

#Tailwind publisher extension code#

#Tailwind publisher extension free#

If you want to grow your blog traffic with Tailwind, you need be using it properly… and you need to be consistent. Not only that, but Tailwind will also save you a ton of time! With just 10 minutes a week on Tailwind, you can be pinning 30+ pins on Pinterest every day! And, thanks to Tailwind’s Smart Schedule, those pins will be spread out throughout the day and pinned at the best possible time for success.īut I’ll admit, Tailwind can be a bit overwhelming at the outset… and, in fact, one of the reasons why it can sometimes seem like it’s not working is because it’s not being used correctly (or at all!) Used well, it can help pin way more pins to Pinterest than you could ever do manually, meaning you gain better traction and get more saves and clicks, and so massively grow your blog traffic from Pinterest. If you like the article, then please like our Facebook Official Page.Tailwind is an incredible tool. If you want to add more Chrome Extensions, then please share your comments below.

#Tailwind publisher extension free#

There are hundreds of free Chrome extensions available in Chrome Web Store which are all excellent in their respective categories. These are some best Google extensions for Bloggers and Web Developers, I try to cover in the above article.

#Tailwind publisher extension how to#

How to create Paypal Account for Indian Bloggers and Freelancers.Best Free Mobile Blogging Apps for WordPress Bloggers.CSS Js Injector: Allows Temporary Add CSS/Js in a page to see the style changes.

#Tailwind publisher extension code#

Magic CSS Editor: Enable you to edit CSS code with live preview.

Just hover the cursor over the webpage, it will show the simple CSS properties of these sections. For example, it helps to discover frameworks, server information or what analytics using any website.Īwesome Google Chrome Extensions for Bloggers and Web Developers. Wappalyzer helps to identify what is the technology used for creating any particular website. Some of the Key Features include Google index status, SEMrush Backlinks status, Keywords density, SEMrush organic traffic, SEMrush Rank, Alexa Rank and many more.Īnother very essential Google Chrome extensions for the Web Developers and bloggers. This Chrome Extension allows you to identify several key SEO metrics within the browser window and allows you to export the results in CSV format. One of the most powerful free SEO tool for the developers. Keywords Everywhere Extension also has the numerous key features which make it the most essential tools for the Web Developers and bloggers.

Best AI and Machine Learning Application for Web Designing.

Not only that, it allows you to export the data in CSV or Excel format. The free Chrome extension uses the Google Keyword Planner to show you the relevant results within the Google Search Box and related keywords at Sidebar. Keywords Everywhere is a free Keywords research tool which allows you to find the monthly search volume and CPC. Therefore, we need to be very selective for the right kind of extensions as per our requirements.īest Chrome extensions for Keyword research. Sometimes extensive uses of extensions may slow down the browser functions and overall our surfing experience. These tailor-made functionalities are extremely useful for users who are mostly web developers or bloggers. These software programs or the extensions written in Java, HTML and CSS language and help to provide some extra functionality from these browsers. Everyone surfs the internet for some exclusive purpose and someone requires some extra functionality from the web browser.

#Tailwind publisher extension software#

Best Google Chrome Extensions for Site AnalysisĮxtensions are software programs which customize according to the needs of the users.

More SEO Chrome Extensions for Bloggers.

Best Chrome Extensions for Article Creation.

Best Google Chrome extensions for Bloggers and Developers.

[trustparty]

Timenet invoice tags

#TIMENET INVOICE TAGS PROFESSIONAL#

Set up a project for the client and a rate and you are ready to go. Time59 is highly intutitive in terms of use which I find lacking in many of the more expesive products. It focuses on "Clients" (matters) and "Projects" (multi-use but mostly for additoanl users). Time59 is VERY easy to use, can be learned literally in minutes and is functional as soon as you enter a single client. This is an invaluable cost effective tool for that should be considered by any small firm that is cost conscious but wants a high quality product. I have referred some others who now use this priduct with great results. Also, you get 30 days to check it out without payment. You will be quite surpirsed at how robust and well organized this product is. It also shows you how out of touch much of the rest of the market is with its pricing structure, touting funcitonality that this product has at minimal cost, and that is much more user friendly than some of the much more expensive alternatives.

#TIMENET INVOICE TAGS PROFESSIONAL#

Gives you a competitive edge and professional billing and collection from day one. We don't impose restrictions on the background color for your invoice templates, but you're encouraged to use a white background or lighter colors to make sure the templates are printer friendly.ĭon't use !important, unless in extreme cases when this is absolutely necessary.Kommentare: This product is a great solution that requres almost no training. We prefer the Eric Meyer's "Reset CSS" 2.0, but you can choose from different ones at Note: If you decide to use reset CSS style make sure you include that stylesheet file in the final template because Invoicebus won't handle this automatically. Also, it is preferred to set the, and tags.įor best preview in different browsers, we suggest you first reset your CSS styles and build your template on top of the reset styles. This will ensure proper rendering in different browsers. We encourage you to use HTML5 with CSS3 for your template, and always include the tag at the beginning of your template. HTML invoice templates? Best practices when creating your HTML invoice template Placeholder (contains the '&' special character) What is placeholder? Placeholder is special markup text that will be replaced with real data contained in the invoice.Į.g. See the Placeholders reference for a list of available placeholders and their meaning. Here you can see all the placeholders that are can be used and your template should contain most of them (we highly recommend using them all). Starting from scratch can be painful and time-consuming so we highly encourage you to use our default template as a starting point. Start building your first HTML invoice template No matter which way you decide to use your template, the creation procedure is the same. as an invoice template that can be used with a third party invoicing system.as an invoice template that can be used with the online invoicing service Invoicebus.You may use this template locally on your computer, or upload it to a web server and access it online. You may think of it as a modern replacement of the Word/Excel invoice where you can easily write, print, and save invoices to PDF. The HTML invoice template you'll be creating can be used in three different ways:

[1lastdate]

How to Learn HTML in Hindi

How to Learn HTML in Hindi

How to Learn HTML How to Learn HTML in Hindi (HTML कैसे सीखें) Html का full form है, Hypertext markup language यह Web Page बनाने के काम मे आता है। Website का Structure बनाने में भी HTML का इस्तेमाल सबसे ज्यादा होता है। अगर आपको अपनी खुद की वेबसाईट क्रीऐट करनी है तो Html लैंग्वेज को सीखना आपके लिए बहुत जरूरी है। HTML language को सीखने और इसकी Help से वेब पेज बनाने के लिए आपको HTML टैग्स and…

[jhonwick321]

How I Learn React.js in just 30 Days

https://techcurve.co/digital-services/web-design-and-development.htmlhttps://www.techcurveittraining.com/

Learn React.JS framework with Tech Curve It Training Program:

React (also known as React.js or React.JS) is a free and open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications. However, React is only concerned with state management and rendering that state to the DOM, so creating React applications usually requires the use of additional libraries for routing, as well as certain client-side functionality.

How I Learn React.JS: Tech Curve Expert Provides A Complete Guide For Beginners.

Every front-end developer and web developer knows how frustrating and painful it is to write the same code at multiple places. If they need to add a button on multiple pages they are forced to do a lot of code. Developers using other frameworks face the challenges to rework most codes even when crafting components that change frequently. Developers wanted a framework or library which allowed them to break down complex components and reuse the codes to complete their projects faster. Here React comes in and solves this problem. 

React is the most popular javascript library for building user interfaces. It is fast, flexible and it also has a strong community sitting online to help you every time. The coolest thing about React is it’s based on components, you break down your complex code into individual pieces i.e components and that helps developers in organizing their code in a better way. A lot of companies are moving to React and that’s the reason most of the beginners and experienced developers are also expanding their knowledge learning this library. 

Learning this library is a daunting task. I watch a lot of tutorials and you try to get the best material to learn this library but it can become overwhelming. I don’t know the right path or step-by-step process to learn it. But Tech Curve IT Training program provided the proper roadmap for me and other beginners to understand the React.js language

The Prerequisites That I Have Learned In The Starting Process Of Tech Curve IT Training Program.

Basic knowledge of HTML, CSS, and JavaScript.

Basic understanding of ES6 features. Learned some of the ES6 features. The features at least beginners to learned:- 1. Let 2. Const 3. Arrow functions 4. Imports and Exports 5. Classes

Basic understanding of how to use npm.

Simple todo-app

Simple calculator app

Build a shopping cart

Display GitHub’s user stats using GitHub API

After some time, I have started Building my own React

I have just started learning React.JS, it is essential to understand the logic behind it. The experts always say that: “You have to learn by doing it yourself.” This is why I started rewriting React from scratch and it is a good idea. If you agree with me, then this article is for you! This way, I learn how to properly use each data structure and how to choose between them.

Why React?

Now, the main question that arises in front of us is why one should use React. There are so many open-source platforms for making front-end web application development easier, like Angular. Let us take a quick look at the benefits of React over other competitive technologies or frameworks. With the front-end world-changing on a daily basis, it’s hard to devote time to learning a new framework – especially when that framework could ultimately become a dead end. So, if you're looking for the next best thing but you're feeling a little bit lost in the framework jungle, I suggest checking out React.

Summary

In this article, I have shared my learning experience about React.js. Tech Curve IT Training helps me a lot in learning React.js over other JavaScript libraries. I have also learned how to create a simple React.js app.

Learn React 

Get started learning React.js free here: https://www.techcurveittraining.com/

Find more information relating to React.js Development

https://techcurve.co/digital-services/web-design-and-development.html

[drukhari]

Hey Tristan! I've been looking to learn coding for a while, do you have any recs on which language to start with or any free sites/apps I can use to learn and practice on? I technically learned one a few years back for engineering (it was to code maths problems with) but it was kind of way too user friendly compared w any other coding language so I don't think it really counts

Hey! For people looking to get into coding, Python is usually the go-to language to start with. What's nice is that it's a general purpose language so it has a bunch of different applications beyond just one area or another. As far as free sites/apps that offer coding courses, I know Codeacademy is a highly used one that I've used myself in the past. Their courses are interactive so it'll show you the lesson, then give you a practice area and have you write code that their system validates is correct based on whatever the lesson was. Frustratingly they did switch to a freemium model a few years back where some of their early level courses are free and then once you reach a certain tier you have to get a "pro" subscription to access more advanced content. That said, last I had used their site they allowed you a free month of pro access that you can cancel at any time before that 30 day period is up...and I totally wouldn't recommend taking advantage of that with multiple email addresses or anything of that nature 😉

Aside from Codeacademy there's also Coursera that has a catalog of free classes offered by various organizations (some universities, some are Google sponsored, etc) - I ran a search just to see what was out there and it looks like they do have a number of different Python courses as well as other programming languages just in case you wanted to shop around. There are a few other free resources out there based on Google results but I'm not personally familiar with them so I can't vouch for any of them myself. If you're looking to learn the kind of languages that would be particularly useful when it comes to front end web development, W3Schools is another free resource that has courses for people looking to learn HTML, CSS and Javascript that gives you sandbox space to try out coding stuff for yourself on the site after each lesson. All of this said, regardless of what language you choose to start with, Google is gonna be your best friend when it comes to coding at literally any skill level (and I do mean this, I can't tell you how often myself and members of my dev team google "how to XYZ...in java/angular/javascript etc" in a given week), so I'd definitely recommend searching around once you've gotten a chance to tackle some of the basics. There's a ton of video content, articles, documents, and github repositories full of code snippets for new programmers to challenge themselves with, so whatever style of learning fits you best there's a decent chance that there's content out there to support it!

[mowisha]

Project # 1: Portfolio Site and Blogsite Theme

Stage 1: Illustrations (09-30-21)

here's a quick timelapse. my photoshop actually failed multiple times when I was doing this vector but eh, everything worked out in the end. I know that I should've Adobe Illustrator and saved it as SVG, but I don't have the application and I'm not familiar with AI that much huhu. PNG will do for now.

Stage 2: Prototype and Layout Design (09-30-21)

Creating the UI Design on Figma. I've been loving the color green lately so I decided to use it as the primary color for my site! Made the prototype for mobile and tablet viewing as well, including dark mode (which i won't be doing btw)

Stage 3: CODING -- HTML (10-04-21)

Got distracted for the next 4 days (smh!) But I started coding the site today. Looking pretty good

Stage 4.0: CSS and Responsiveness -- Header Section (10-05-21)

I implemented using SASS for this site for the first time ever and it made coding the CSS sososososo much easier!

I spent a lot of time making sure that everything looks nice in every size of the screen! Making the page responsive was what took me a lot of time to finish this section because this will be the first time that I was gonna make a responsive website. Turned out okay, I'm kinda proud of it! 💕

Also, ended up using Haikei for the back wavy SVG background. I liked this one better :) Also learned that there was something called aspect-ratio, took me a lot of time to understand this because I didn't search about it lmao. Trial and error for the sizing!

Stage 4.1: Portfolio Section (10-06-21)

I forgot to record the trouble I had with aligning the contents in the 'portfolio' section but I spent a lot of time trying to align them every time I resize the screen. Turns out, I just had to add one line of code haha. You learn something new every day

Ended up not following the prototype for this section. The original plan was for a box to appear every time I hover the image but realized that how will that work on mobile? So I ended up following this tutorial instead!

Stage 4.2: About and Toolbox Section (10-06-21) (╯°□°)╯︵ ┻━┻

Spent HOURS trying to get this right, I even made a box model to follow but none of it worked lmao. I ended up putting everything on the trash and went to sleep hahaha

(10-07-21) ┬─┬ノ(ಠ_ಠノ) -- Ended up using this code from StackOverflow hahaha.

Stage 4.4: Contact and Footer Section (10-12-21)

A/N: Okay I know, I slacked off for the past 5 days before continuing this project but I got a new dog, got vaccinated, enjoyed my last few days in this town, and I've planned what I was gonna do with my life this month since I'm moving back to Baguio in a week. Life has been uhhhh asdasdas. Oh and I've been watching mechanical keyboard vids for more hours than I really should instead of working my shit together. Anyway...

I also had a hard time aligning this huhu I'm really sorry for being a noob and being a slow coder but yep! Done! Although the contact form doesn't actually work lmao. Apparently, I need to have a backend but I'm too lazy for that huhu.

Stage 4.5: Darkmode (10-13-21)

Tried to do this but I had a hard time aligning the dark/day mode logo on the right and for it to appear whenever the size gets smaller. I know I gave up too soon but I just want this project to be over, it has taken me too long. I'll save this part for next time, I'm sorry.

So yeah, things to improve:

+ dark mode + contact form

Bonus Stage:

I actually made this the other day while I was procrastinating at coding hahaha. So I think I'll be working on this tomorrow so I can finally make this blog public to everyone.

Kind of the same layout, but still different? Ya feel me, fam? I will also be changing the logo and links to handwritten PNGs to make it feel more personal yknow

Update (06-30-22)

Update: Took a break for how many months, because I moved to a new city, adjusted, focused on work and making extra incomes, and doing my hobbies huhu but I'm back!

I did design a new website to add to my portfolio earlier this year on Figma but ended up halting it, too because I volunteered for 2 months to campaign for VP Leni for presidency. She ended up not winning and it did hurt a lot but at least I met a lot of new people and I'm proud to say that I stood my ground and fought for what I believe is right. It definitely was a time of my life. ANYWAY!!! Back to the website.

I actually started a few days ago, but I updated my Sass because apparently, the one that I was using hasnt been updated for 3 years now. Anyway, Sass stopped working and I had to use @use and @forward but I wasted a olot of time trying to fix it so I decided to stop using Sass and just transfer everything to regular CSS. My website worked again. Took me time to adjust with the syntax of CSS again, and I think I'll just stay and use pure CSS this time to avoid confusion and easy implementation between html, css, and javascript.

Goods news, again. I fixed the typewriting effect and dark/light mode!

Other than the contact form that's not really working, I'm basically done, I just need to add more to my portfolio site and I'll put this site on live and I'm gonna use tumblr to host it. :) Next project is to code this blogsite so I can link it on my portfolio and social media!

Stage 5: Coding the Blogsite (July 4-5, 2022)

OH MY GOD AAAAA. I know I've been putting this project on the side for almost a year now. I've wasted so many months because I just didn't have the motivation because I thought I couldn't do them but I get to finish them in a span of like 1-2 days. Why do I doubt myself so much, I have so much potential. Anyway, this blogsite is now live and I'm so happy about it. I'll make a separate post for it.

Next step is convert the codes for my portfolio site so it can be rendered by tumblr again, connect my other project designs to the portfolio corner and probably apply for a company and (HOPEFULLY???) finally get hired!!

I'm still contemplating whether to move to Mania for office word or just stick to WFH because I really don't wanna waste so much time on traffic in the city. I'm blabbering now. Goodbye hahaha

[izicodes]

do you have any advice for someone who kinda "failed" to break into tech and is still in the medium-level for learning. i feel like i've spent so much time (years) on this but haven't made much progress. how do i really get into it and stay in it? love your blog btw. i'm tempted to start one of my own but my projects are a mess and ugly 😭

I'm sorry to hear that you feel like you haven't made much progress in breaking into tech. It's important to remember that everyone's journey is different, and it's never too late to start or improve. But then again, you have spent years learning and you want to into the tech industry.

The obvious advice would be don't give up. My dad has been studying to get into Cybersecurity since the early 90s and he just got into the industry this year. He never gave up - family to look after and he could study like the other students in his university course because the large majority of them were single 18-22-year-olds who their only responsibility is themselves. Don't give up and don't compare yourself to other people.

You've got to look at what has been holding you back. Health issues, work issues, money? Can't study full-time or even part-time if you need to pay the bills.

Even if you can, are you consistent with your studying? We all know consistency is key. Studying for one week but don't study for 2-3 weeks won't work. I know the type of learner I am - if I don't code or study every day, even just for 30 minutes, then my tendency to procrastinate will increase a lot and it'll all go downhill from there.

Know your strength - build on the skills you are good at. Believe it or not, I know a developer I met in a discord server who only uses HTML, CSS, and JavaScript to build websites and webpage themes for clients as a freelancer and he's doing really well. It's because he realised that he's really good at those three basic languages and he worked really hard to excel at them. Expand on what you know best.

On the flip side, you could look at job postings around where you live or nationally in your country and see what skills/languages/technologies they ask for the most for hiring developers. Example: I live in the UK and a couple of months ago when I was actively looking for a new Frontend Dev job, I saw that Vue.js, React.js, and PHP (besides the usual HTML, CSS, and JavaScript) were asked for the most. If I wanted those jobs, I would learn those technologies, create a few projects to showcase my knowledge in them, and start applying. That could be one way to break into the industry.

Another way would be certificated. Bootcamps, online courses, or in-person courses like university or community colleges. Yes, they say that you don't always need a university degree to get into tech but some kind of education you've gone through that is tech-related e.g. Google courses or the Frontend Dev course that Meta is providing (paid). My colleague completed a computer science degree but he then did a bootcamp and he completed and that's how he landed the job where I work. So even graduates are getting further education. If you can't afford the massive fees, Udemy is a great place to get courses. And don't be shy with the Havard CS50 course videos they have on YouTube - free and you get a certificate free as well!

The advice I give might not work if you haven't identified why after all these years you haven't gotten your foot into the tech industry. This is no way intended to be rude, but if another person who had the same amount of time you studied, and they have gotten a tech job in that time, what makes you different? Goes back to what I said about the things that are holding you back. Some of the reasons are inevitable like health but you need to keep making that effort!

If you need help, you need to ask. Find a mentor or support group. Having someone to guide and encourage you can be incredibly helpful. Look for a mentor or join a support group where you can connect with others who are also learning and growing in tech. You can search for them online, some people offer advice for CV/Resume help or real "getting into tech" advice on places like Fiverr or Upwork or just google for some consultants online. They would cost obviously but if you're really struggling, this might help. After completing bootcamps, they tend to help you get your first job etc so they might be worth considering!

The last bit of advice is do you have a portfolio? No no, like a proper one where you feel confident enough to give to family members, friends, and potential employers? No? Either learn to build one (free of charge) or hire someone to build it for you (costs money) A portfolio is a great way to showcase your skills and projects to potential employers. Even if your projects feel messy or ugly, focus on highlighting what you learned and what you accomplished.

Obviously, I gave hints of advice more towards Frontend Dev because that's what I know more of but you can alter the advice to whatever niche in programming you're into. Remember, breaking into any field takes time and effort. Stay motivated and focused on your goals, and don't be afraid to reach out for help or support when you need it. Good luck!

** I'm not the best at giving advice but I hope this helps 💗

[andyxiip673]

eleven Greatest Freelance Indicate Pile Builders.

This is because of the skillset and also proficiency throughout multiple domain names they have. But when you take the cost of a front-end and back-end programmer independently and contrast it with a full-stack programmer, you'll understand you're spending much less to do the job. Given that every little thing is saved in a data source, you require somebody to handle them and also maintain them compliant.

What is the salary of full stack developer in India?

A full stack developer salary in India for a fresher is ₹375,000. A full stack developer with early-level experience of 1-4 years earns a standard of ₹553,006 annually. An employee with mid-level experience of 5-9 years can secure about INR 12-14 lakhs.

We offer you the assurance of top quality MEAN Heap designer and also the substitute of resource if you are not satisfied with their performance. The Complete Heap Internet Programmer Nanodegree program consists of web content and curriculum to support 5 tasks. We estimate that the majority of students can finish the program in four months working 5-10 hours per week. You have actually tried to construct server-side applications in the past and also want to learn just how to do it at a specialist level. As a front end internet designer, you'll build responsive, vibrant user interfaces on. the web. You'll leverage your HTML, CSS, and JavaScript skills to manage all client-side scripting.

Suggest Pile Developer Job Summary: Work Needs And Qualifications

Learn MEAN pile as well as complete pile internet growth programs online. Ideally, you must choose a course that includes MEAN pile as part of its curriculum. It makes use of JavaScript structures for front-end, back-end devices in addition to for collections. It is utilized to create internet applications that are fast as well as reliable, and mainly used to build vibrant web sites. It is very advised nowadays to enhance one's skill set by discovering differences structures as well as languages. It benefits novices along with the advanced specialists as it requires only one programs language.

Created by Google, Angular is a front-end Javascript structure. That permits the designer to occupy and also adjust the DOM (It is likewise the "A" in MEAN stack.) All front-end interactivity is dealt with by Angular. And its neighborhood of great paperwork and top quality plugins makes it a top pick amongst front-end designers. Remain ahead of the contour and also begin your food distribution business customized with a full technology option.

Develop The Best Complete Stack Developer Task Description For A Resume

For an introduction to Node.js, see Martin Heller's explainer. To get started establishing with Node, see his Node.js tutorial. Many MEAN heaps include all 4 of the parts-- the data source, the front end, the back end, and the implementation engine. This doesn't mean the stack consists of only these elements, yet they create the core. You never ever recognize; a link you make at a meeting or industry occasion might be the difference between you fumbling an interview for your dream task and also touchdown it with flying colors.

According to the pile overflow survey, "30% of programmers consider themselves as full stack programmers when they were asked to identify their profession."

For those seeking to work remotely with the very best designers, look no further than Toptal.

This option benefits short-term jobs as well as non-core development jobs.

In short, what occurred is that what we indicate by "front end" advancement has actually significantly changed in just a couple of brief years.

These students currently have some level of expert skill in coding as well as growth and also want to take on a permanent timetable.

A lot of the short articles or conversations about the full pile programmer are hardly ever associated with the style demands. But I believe the style ability is really crucial, the principle and also ability of standard model layout, UI design, UX layout are likewise required to comprehend. As one of the most popular topics for programmers, the conversations have actually never stopped. On LinkedIn and Facebook, great deals of people put their task title as a complete pile developer.

Also Jeff Bezos has invested heavily in Amazon's UX over the years. All these confirm that simple however enticing communication styles are the most effective option. The development of your front-end architecture is an indication that you have actually grown past mere application right into creating and discovering issues, as well as addressing them. Not as well lengthy ago, it was simple to find the difference in between a web designer and also a web developer. The functions used to be unique, and also specialists focused in on their crafts on either side of the divide. Nowadays, the lines have actually ended up being so linked as a result of the ever-increasing choices that other work have actually been produced to deal with numerous duties.

Please note that if you do obstruct all cookies you might not be able to access all or components of our site. Join to get the most current technology information, suggestions and also profession advice. Though not as usual these days, there are still firms that will ask you to whiteboard throughout your meeting to reveal just exactly how well you recognize just how to code. Possibilities are your job interviewer will certainly ask you whether you prefer front end web development or backside growth.

[programmersinsights]

Learn More About Tailwind CSS Tutorial

You may have heard about a new CSS tutorial called tailwind CSS. This tutorial is a brand new approach to learning CSS, especially for beginners. In this article I will be telling you more about the CSS tutorial and how it can benefit you. If you are an aspiring web developer then this tutorial is definitely for you.

First of all let me explain what tailwind CSS tutorial is all about. As I have said in my other articles, I am an expert in CSS so I thought that I would create a tutorial on this topic. Tailwind is basically a way of learning CSS without having to write any code at all. Instead, it lets you drag and drop elements on the page and it also lets you modify these elements easily. This allows you to create a simple website without knowing anything about CSS or HTML. This is done by only using CSS and JavaScript.

I decided to create this tutorial because I wanted to save as much time as possible for something that really needed to get done. So I downloaded tailwind CSS from its website. I then browsed a few demos of the software. After choosing a good demo I created my account on the website. It was very easy to use and I was able to create my first site within 30 minutes.

Another great thing about tailwind CSS tutorial is that it is a CSS based approach to website development. It does not teach you CSS directly, but instead it gives you a framework to build your own CSS layouts. It also uses different programming languages such as JavaScript and Dart for creating animations and interactive features on your site. It also includes different CSS file types which are very useful when you start developing sites. Finally, there is a help button included with tailwind CSS so that you can get assistance with any problems. Everything mentioned above is what I found to be most beneficial about tailwind CSS.

When I was deciding whether or not to try out tailwind CSS I knew that it would not be as effective as other tutorials. I figured that if a video tutorial doesn't show me how to make a basic website in two days I will probably get bored after watching it. However, I was surprised to see that tailwind was very comprehensive even though it is a video tutorial.

There were also several videos that I could watch that helped me understand some things about tailwind CSS. It only took me about three months to complete the course. I was able to run the program on my own computer without having to hire any technical support. I used a website that has an excellent tailwind CSS tutorial that is free to download. When I first started learning about CSS, I was a little overwhelmed by all the terminology that I had to learn but I enjoyed learning about tailwind CSS.

The price of the tailwind program is about forty dollars, and I paid only about forty dollars for the software. This was well worth the money because it really helped me understand what I needed to know to make a website with a tailwind. Even though the tailwind program is for CSS, there are many other programs that also have a tailwind version for beginners. All you have to do is type tailwind CSS into your search engine and you will find all these different programs that will help you learn more about CSS.

If you don't have much time to learn about CSS then this may not be the best tutorial for you. If you want to get a feel for what CSS is all about then this tutorial is not for you. But if you are an individual who wants to build a simple website then you will probably like this program. If you already know how to use CSS and you want to build a better website then you should check out other tutorials that teach you how to use tailwind. You just need to find one that you can follow and that has videos.

[melchiorgabor]

For the quarantine qs, every one that ends in 1 or 0!

ahhh thank you!! under a cot bc there’s a lot

1. what’s your go to snack?

soft chunky chips ahoy, doritos, or an apple

10. one thing you really miss right now?

my friends and being outside

11. if you could be self isolated with anyone, who would it be?

i’m pretty lucky to be locked down with my partner which is p great, but i’d probably add my mom tbh

20. have you learned something?

i’ve been doing some html/css stuff for work, so kind of

21. any new skills?

not yet! hopefully i can get back into python though!

30. post a selfie rn

31. post pictures of your pets!

40. how are you feeling?

better now that i’m done with work for the day

41. who’s the last person you texted?

my best friend

[t-baba]

Firefox 70 is here

#414 — October 23, 2019

Read on the Web

Frontend Focus

Firefox 70 Released — The latest release includes a handful of interesting CSS changes, such as the display property now accepting two keyword values (for setting both inner and outer display types), password generation for input type='password' fields, improved underline styling, and more. There's also the usual Firefox 70 for developers post outlining all the key changes in a bulletpoint fashion.

Mozilla

Focusing on Focus — Focus behavior in Web browsers has been in flux and under-specified for years. Efforts are now underway to clear up some of the confusion (particularly around Shadow DOM and autofocus) and begin to firm up the specs “to hopefully make focus in HTML make sense to browser engineers and web authors”.

Rakina Zata Amni (WHATWG)

Frontends Without Backend with FaunaDB Auth + Native GraphQL — FaunaDB is a globally distributed, scalable database. Thanks to built-in security and native GraphQL, frontends can directly communicate with FaunaDB in a secure way which eliminates the need to pass through a backend and greatly reduces latency.

FaunaDB sponsor

The "P" in Progressive Enhancement Stands for "Pragmatism" — Demonstrates how using progressive enhancement with CSS can be used to build things up gradually. “With a Progressive Enhancement mindset, support actually means support. We’re not trying to create an identical experience: we’re creating a viable experience instead.”

Andy Bell

Can We Please Style The <select> Control? — Highlights issues developers are facing when working with the the built-in <select> element, and what efforts are being undertaken to hopefully improve it.

Greg Whitworth

Style Hover, Focus, and Active States Differently — Why you should (and how to) style hover, focus, and active states differently.

Zell Liew

💻 Jobs

Frontend Developer at X-Team (Remote) — Work with the world's leading brands, from anywhere. Travel the world while being part of the most energizing community of developers.

X-Team

Have You Tried Vettery? — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.

Vettery

📙 Articles, Tutorials & Opinion

Making Tables Responsive with Minimal CSS — When creating table-based layouts you may be tempted to implement some sort of custom grid-system or pull in a pre-built library. The author argues against this, recommending using just “tables and some simple CSS”.

Bradley Taunt

Box Alignment and Overflow — Runs through a data-loss issue you may face when using box alignment properties in certain scenarios, and highlights how the 'safe' overflow alignment keyword can help prevent such a loss.

Chen Hui Jing

State Management for Flutter Apps with MobX — Learn how to use MobX to ease state management on a Flutter project.

CircleCI sponsor

How to Design Delightful Dark Themes — Plenty of practical tips here on how to design dark themes that are “readable, balanced, and delightful”.

Teresa Man

Options for Hosting Your Own Non-JavaScript-Based Analytics — Rounds-up a range of alternatives to Google Analytics.

Chris Coyier

The 'Perfect' Responsive Menu — Here’s how to create a menu that is accessible and works across mobile and desktop browsers without any duplication.

Polypane

JAMstack Tools and The Spectrum of Classification — An overview of JAMStack services and tools, along with some notes on their pros and cons.

Chris Coyier

The React Hooks Guide: In-Depth Tutorial with Examples. Start Learning

Progress KendoReact sponsor

An Introduction to Regular Expressions for Web Developers

Chris Achard

🔧 Code, Tools & Resources

Peaks.js: Interact with Audio Waveforms — A client-side JavaScript component to display and interact with audio waveforms in the browser. Here’s the related GitHub repo.

Indrek Lasn

TinaCMS: A Site Editing Toolkit for Modern React-Based Sites — An open-source real-time site editing toolkit currently aimed at Gatsby and Next.js users.

Tina

Open Doodles: A Collection of Free CC0 'Sketchy' Illustrations — You can even generate a set with your own custom colors (as above).

Pablo Stanley

Typetura: Fluid Typesetting — We linked to this responsive typography tool when it was in beta earlier this year, and now it’s generally available (paid). It'll help set up text transitions between breakpoints — here’s a demo of it in action.

Typetura

▶  A Realistic 'Water Effect' with Just HTML & CSS — A very convincing effect using the <feTurbulence> SVG filter. Here's the code.

Red Stapler

   🗓 Upcoming Events

VueConfTO 2019, November 11-12 — Toronto, Canada — The first ever Vue Conference in Canada.

Chrome Dev Summit, November 11-12 — San Francisco, USA — A two-day summit to learn about the latest from Chrome, plus techniques for building the modern Web. Note: Registrations are now closed, but the event can be joined remotely.

Performance Now, November 21-22 — Amsterdam, Netherlands — A single track conference with fourteen speakers, covering the most important web perf insights.

HalfStack Conf, November 22 — London, UK — A single day event focused on UI-centric JavaScript and web development.

Frontend Con, November 26-27 — Warsaw, Poland — Brings together 30+ experts with over 500 experienced frontend pros from all over the world.

dotCSS, December 4 — Paris, France — The largest CSS conference in Europe.

by via Frontend Focus https://ift.tt/2Jgg4vc

[freelearningzonelucy-blog]

What you’ll learn:

Create a fully functional web site using the Full-Stack with Django 1.11

Learn how to use HTML to create website content

Use CSS to create beautifully styled sites

Learn how to take advantage of Bootstrap to quickly style sites

Use Javascript to interact with sites on the Front-End

Learn how to use jQuery to quickly work with the DOM

Understand HTTP requests

Create fantastic landing pages

Learn the power of Python to code out your web applications

Use Django as a back end for the websites

Implement a full Models-Views-Templates structure for your site

Requirements:

A computer with an internet connection and download privileges

Description:

Welcome to the Python and Django Full Stack Web Developer Bootcamp! In this course we cover everything you need to know to build a website using Python, Django, and many more web technologies!

Whether you want to change career paths, expand your current skill set, start your own entrepreneurial business, become a consultant, or just want to learn, this is the course for you!

We will teach you the latest technologies for building great web applications with Python 3 and Django! But we don’t just teach that, we also teach the Front End technologies you need to know, including HTML, CSS, and Javascript. This course can be your one stop shop for everything you need! It will serve as a useful reference for many of your questions as you begin your journey in becoming a web developer!

This course is designed so that anyone can learn how to become a web developer. We teach you how to program by using HD Video Lectures, Walkthrough Code Projects, Exercises, Concept Presentation Slides, Downloadable Code Notes, Reading Assignments, and much more!

Here is just a small sampling of the topics included in this course:

HTML5

CSS3

Javascript

jQuery

Bootstrap 3 and 4

Document Object Model

Python

Django Basics

Django Templates

Django Forms

Django Admin Customization

ORM

Class Based Views

REST APIs

User Authentication

and much,much more!

You will also get access to our online community of thousands of students, happy to help you out with any questions you may have! Any questions, feel free to send me a message here on Udemy and connect with me on LinkedIn, check out my profile for other courses.

We also have a 30-day money back guarantee, so you can try out the course for an entire month, risk-free!

Always keep learning!

Free Download & More Courses on: https://thefreelearning.com