Thread by @MakadiaHarsh

6.5 years ago I started my web development journey.

If I start from ZERO again I would go with this path:

1. HTML & CSS
2. Git & GitHub
3. Boostrap /Flexbox
4. JavaScript
5. NPM
6. React
7. UI Libraries
8. Styled Components /Tailwind
9. TypeScript
10. GraphQL

THREAD🧵 ↓

1. HTML & CSS

This is the starting step to enter into web development.

Having a good idea about HTML and CSS is a great start to winning the race.

Some people struggle with styling at a later stage in their career, build a strong base instead.

2. Git & GitHub

Why is this step here?

Having a good knowledge of this would help you push all your demo projects to Github.

It will help you build a solid portfolio of projects right from the start.

Learning git is easy and a must, why not start it the right way?

3. Boostrap + Flexbox

Even though everything can be built with CSS, I would still learn bootstrap.

It gives me an idea of how to use libraries.

How to get things done faster and make responsive designs.

CSS first, Flexbox second.

4. JavaScript

This is an important step.

Once you master this, learning new frameworks and libraries is just a piece of cake.

Building more projects with HTML, CSS, JavaScript is going to be a game-changer.

The more you build = The more you learn.

5. NPM

NPM is a package manager for the JavaScript programming language.

It's the world's largest Software Registry.

Having knowledge about how to install them in applications is a lifesaver.

6. ReactJS

I would go with React as it is widely used at the moment by startups, enterprises.

Many famous companies are using it. It's proven.

You can however choose to go with Angular or Vue.

Remember once the foundation is clear, switching is easier.

You will find tons of Articles on the Difference between React, Angular, and Vue.

It's better to master one first and have a basic idea about others.

Even if you master one and don't know others there are tons of job opportunities for you out there.

Your expertise matters.

7. UI Libraries

Play around with Chakra UI / Semantic UI / Material UI

Try to integrate different react packages in application and learn how they make development a whole lot easier.

Having this knowledge helps a lot to jump into any React libraries or create your own.

8. SCSS / Styled Component / Tailwind CSS

CSS is the base and once you master it, it's time to switch to SCSS or Styled Components or Tailwind CSS

These libraries help you do things faster.

You can manage to style better.

You will need to learn one of them to standout.

9. TypeScript

TypeScript simplifies JavaScript code, making it easier to read and debug.

With TypeScript, we can make a huge improvement over plain JavaScript.

TypeScript will save developers time.

TypeScript is a superset of ES3, ES5, and ES6.

Learning this is a plus.

10. GraphQL

GraphQL is a query language for APIs.

GraphQL lets you ask for what you want in a single query, saving bandwidth and reducing waterfall requests.

No more versioned APIs.

Learning this is a plus again.

Thanks for checking this out.

If you loved this,

1. Follow @MakadiaHarsh for more such threads around web development, no-code, and personal growth.

2. Retweet the first tweet 👇

Cheers! 🥂

https://twitter.com/MakadiaHarsh/status/1466791778443571212