Education
Technology
Web Development
JavaScript
GitHub
React
TypeScript
Version Control
HTML/CSS
Bootstrap
Tailwind
Flexbox
GraphQL
npm
UI Libraries
Styled Components
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𧡠β
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.
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?
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.
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.
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.
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.
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.
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.
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.
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.
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.
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! π₯
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! π₯
Loading suggestions...