Complete web developer roadmap with resources for 2021
A thread
A thread


1. Learn how the internet works
Zero to mastery playlist - http://youtube.com/playlist?list=PL2HX_yT71umBgUzdKDfbuXnysZWqiGX4L
Academind introduction video -youtu.be/hJHvdBlSxug
MDN Introduction - http://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work
Zero to mastery playlist - http://youtube.com/playlist?list=PL2HX_yT71umBgUzdKDfbuXnysZWqiGX4L
Academind introduction video -youtu.be/hJHvdBlSxug
MDN Introduction - http://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work
2. Learn HTML
HTML Crash Course For Absolute Beginners -
Basic HTML and HTML5 from @freeCodeCamp - http://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/
HTML Crash Course For Absolute Beginners -
Basic HTML and HTML5 from @freeCodeCamp - http://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/
3. Learn CSS
CSS Tutorial - Zero to Hero (Complete Course) -
Basic CSS from @freeCodeCamp - http://www.freecodecamp.org/learn/responsive-web-design/basic-css/
CSS Tutorial - Zero to Hero (Complete Course) -
Basic CSS from @freeCodeCamp - http://www.freecodecamp.org/learn/responsive-web-design/basic-css/
4. Learn a CSS framework (optional but good to know)
Bootstrap -
Tailwind -
Bootstrap -
Tailwind -
5. Learn JavaScript
Learn JavaScript - Full Course for Beginners -
Basic and advanced JavaScript from @freeCodeCamp - http://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/
Learn JavaScript - Full Course for Beginners -
Basic and advanced JavaScript from @freeCodeCamp - http://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/
6. Learn Git and GitHub
Git and GitHub for Beginners Crash Course -
An intro to Git and GitHub for beginners - http://product.hubspot.com/blog/git-and-github-tutorial-for-beginners
Git and GitHub for Beginners Crash Course -
An intro to Git and GitHub for beginners - http://product.hubspot.com/blog/git-and-github-tutorial-for-beginners
7. Learn NPM
NPM Crash Course -
An Absolute Beginner's Guide to Using NPM - https://nodesource.com/blog/an-absolute-beginners-guide-to-using-npm/
NPM Crash Course -
An Absolute Beginner's Guide to Using NPM - https://nodesource.com/blog/an-absolute-beginners-guide-to-using-npm/
8. Learn a Front-End framework
React -
Vue -
Angular -
React -
Vue -
Angular -
10. Learn Database
SQL -
MySQL -
SQL -
MySQL -
11. Build projects
This is the most important thing you need to do before going to the next step.
You learn HTML? Build a project.
Learned a front-end framework? Build a project.
This is the most important thing you need to do before going to the next step.
You learn HTML? Build a project.
Learned a front-end framework? Build a project.
12. Keep learning
Being a developer is a live long learning journey.
It might look hard at first to learn all these things but take one step at a time.
You can learn all of these in 6 to 12 months if you are effective and consistent.
Being a developer is a live long learning journey.
It might look hard at first to learn all these things but take one step at a time.
You can learn all of these in 6 to 12 months if you are effective and consistent.
End of this thread
Thanks for reading, I hope you found it useful.
And if you did make sure you follow me on Twitter @VladPasca5 for more tweets about improving as a developer, web development, and coding in general.
Keep learning!

Thanks for reading, I hope you found it useful.
And if you did make sure you follow me on Twitter @VladPasca5 for more tweets about improving as a developer, web development, and coding in general.
Keep learning!