Thread by @MakadiaHarsh

I've 6+ years of experience working with Frontend technologies.

Here is the advice I'd give if you are just getting started to master web development.

THREAD 🧵↓

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 2 years, I'm mentoring many developers within organizations to help them outperform.

This thread will contain all information on How I learned all the technologies that helped me stand out from the crowd.

I'm pouring out everything I have learned to help you reach the same milestone.

Assuming I'm starting from ZERO today I would do the following things.

Here are some of the lessons you should keep in mind forever:

Don't give up - Nothing in life comes easy

Practice, Practice, Practice - This is the ultimate hack to be unstoppable

Start small today, go big tomorrow

1. First I would learn about HTML

Read Everything from: w3schools.com/html/default.a…

Build a new project on the local machine to implement simple things I learn.

Example:
If I'm learning about the Heading element,

I try to use H1, H2... H6 and see how things look like.

Once I have completed reading all HTML Chapters, I would build an example having many elements which I learned.

Even if it takes time to understand I would stick to it till the end.

Youtube has made learning easy than ever before, I would watch videos to understand better.

Before moving to CSS, I would watch one HTML tutorial video to brush up on things again.

I have learned everything from this Youtube channel (Traversy Media) - youtube.com/user/TechGuyWeb

2. Learn CSS

Follow the same process learn on w3schools and build examples on my machine.

w3schools.com/css/default.asp

I would build 5-10 examples only on CSS after learning.

Things take time to master CSS, so practice is what matters.

Learn Flexbox along the way, This is the site I love

flexboxfroggy.com

3. Build More Example with HTML + CSS combo

Search on google for "Example for practice HTML, CSS"

Try to clone some websites which I like to boost my confidence.

4. Learn Git

Why?

For all the next projects I work on I would build my portfolio of projects on Github.

Some of the videos I would watch





Create a GitHub account and play around with whatever I have watched

5. Learn Boostrap

Since responsive design is the must of a web developer, I would first understand it with documentation.

getbootstrap.com

Build 5-10 projects while learning it.

The more you build the project, the stronger is your foundation.

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.

I would pick from that.

While building a JavaScript example, I would make sure I focus on HTML, CSS, and Bootstrap.

You build one example but you master 3 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, syntax is different.

1. Read 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 of crowd.

Remember nobody is born a pro, All the efforts you did so far do count.

Define small goals of learning and crush them.

Having these skills is enough to land a good job.

But you can continue learning on 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 end up killing 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 my journey.

- Keep writing blogs on whatever I learned.

- Read Interview Questions on different sites to evaluate myself.

- Solve algorithms only to put my skills under the test.

- Build a personal website.

Guaranteed Results

It's impossible for you to not 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 3 months.

Consistency in learning >> Anything else

Thanks for checking this out, I hope you have learned from this thread.

Wish you nothing but the best for your career ahead.

Never stop learning, the day you stop learning is the day you stop degrading.

Catch you in the next one! ✌️

If you liked this thread,

Consider following @MakadiaHarsh for more such threads around web development, no-code and audience building.

Retweet the first to help others.

Cheers! 🥂

https://twitter.com/makadiaharsh/status/1462805014427095046

If you loved this, you should also checkout the mistakes I made over 6 years.

Learning from others mistakes is faster was to learn things.

https://twitter.com/makadiaharsh/status/1438144743767220227