Skip to main content

Frontend Development: 8 things to master frontend development

 




The web development journey is a never-ending process.

There are a lot of new technologies and frameworks coming up every day. But guess what?
For the last two years, I've been mentoring many developers within organizations to help them outperform.


1. First, learn about HTML

Read Everything from: w3schools.com/html Build a new project on the local machine to implement simple things you learn. Example: If you're learning about the Heading element, I try to use H1, H2... H6 and see what things look like.

Once all HTML Chapters are read, build an example with HTML elements you learned. Even if it takes time to understand, stick to it till the end. YouTube has made learning easy than ever before. Watch videos to understand better.
Before moving to CSS, watch one HTML tutorial video again to brush up on things. I have learned everything from this YouTube channel





2. Learn CSS

Follow the same process learn on w3schools and build examples on the local machine. w3schools.com/css/default.asp

Build 5-10 examples only on CSS after learning. Things take time to master CSS, so practice, that is what matters. Learn Flexbox along the way. This is the site I love



3. Build More Examples with HTML + CSS combo

search and Practice beginner projects ,where you use both HTML and CSS to build basic programs Search on google for "Example for practicing HTML, CSS." Try to clone some websites which will boost your confidence.



4. Learn Git

Why? For all the following projects you work on, build a portfolio of projects on Github. Some of the videos I would recommend youtube.com/watch?v=RGOj5y youtube.com/watch?v=8JJ101 Create a GitHub account and play around with whatever you have watched.


5. Learn Bootstrap ( Optional but recommended step )

Responsive design is the must of a web developer, understand it with documentation. getbootstrap.com Build 5-10 projects while learning it. The more you build the project, the stronger your foundation is.


6. Learn JavaScript

Use w3schools.com/js/default.asp to learn. Build simple apps like Todo, Clock, etc. There are lots of GitHub repo that provide code and examples to learn. Pick projects from that.

While building a JavaScript example, make sure to focus on HTML, CSS, and Bootstrap. You build one example, but you master three things at a time. More project = More confidence = More Grasp. Keep building the project until you think you are comfortable working on it.


7. Learn React

Now that you already have a strong base, learning React is easier than JavaScript. As the concept stays the same, the syntax is different. 1. Read Documentation reactjs.org 2. Build examples. 3. Watch YouTube videos.



Remember each example you build is going to be on GitHub. It's your portfolio to help you stand out from the crowd. Remember, nobody is born a pro. All the efforts you have made so far does count. Define small goals of learning and crush them.

Having these skills is enough to land a good job. But you can continue learning the advanced concept and frameworks like 1. TypeScript 2. SCSS / Styled Components / Tailwind CSS 3. Unit Testing 4. Learn using UI libraries

Remember, pick one thing at a time. Master it. If you try to kill all flying birds, you will kill none. Don’t be afraid to ask for help. Refuse negative talk - Keep the momentum going. Nothing works unless you do.


8. Miscellaneous things I would do

Keep reading blogs on your journey. Keep writing blogs on whatever you learned. Read Interview Questions on different sites to evaluate yourself. Solve algorithms only to put my skills under the test. Build a personal website. Guaranteed Results
It's impossible for you NOT to get a job if you follow the above steps. If you keep learning every day, you will notice you have come a long way only after three months. Consistency in learning >> Anything else
Labels:

Popular posts from this blog

Best chess matchup: Peaceful_Moon_4D vs IM Toro123

Read more

Fundamental data types

The values of variables are stored somewhere in an unspecified location in the computer memory as zeros and ones. Our program does not need to know the exact location where a variable is stored; it can simply refer to it by its name. What the program needs to be aware of is the kind of data stored in the variable. It's not the same to store a simple integer as it is to store a letter or a large floating-point number; even though they are all represented using zeros and ones, they are not interpreted in the same way, and in many cases, they don't occupy the same amount of memory. Fundamental data types are basic types implemented directly by the language that represent the basic storage units supported natively by most systems. They can mainly be classified into: Character types: They can represent a single character, such as 'A' or '$' . The most basic type is char , which is a one-byte character. Other types are also provided for wider charac...
Read more

Coding Tips you should know

Get started . Do not feel bad that you are not an expert programmer yet. In 10,000 hours, you will be. All you need to do is start. Dedicate some time each day or week to checking things off this list. You can take as long as you want or move as fast as you want. If you’ve decided to become a great programmer, you've already accomplished the hardest part: planting the seed. Now you just have to add time and your skills will blossom. If you need any help with any of these steps, feel free to email me and I'll do my best to help. Don't worry . Do not be imitated by how much you don't understand. Computers are still largely magic even to me. We all know that computers are fundamentally about 1s and 0s, but what the hell does that really mean? It took me a long time to figure it out–it has something to do with voltages and transistors. There are endless topics in computer science and endless terms that you won’t understand. But if you stick wit...
Read more