Complete full-stack web developer roadmap in 2021 (+ free resources)

If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me on Twitter for more information about web development and how to improve as a developer. This article was first published on my Blog

1. Learn how the internet works

This is a must for any web developer. Don't spend more than one day on this but make sure you understand how it works

Resources:

Zero to mastery playlist - https://www.youtube.com/playlist?list=PL2HX_yT71umBgUzdKDfbuXnysZWqiGX4L

MDN Introduction - https://developer.mozilla.org/en-US/docs/Learn/Common_questions/How_does_the_Internet_work

2. Learn HTML

HTML is the markup language of the web. You can't build websites without it

Make sure that you learn and understand this but don't spend more than 1-2 weeks on it

Resources:

HTML Crash Course For Absolute Beginners - https://www.youtube.com/watch?v=UB1O30fR-EE&t=5s

3. Learn CSS

With CSS you style your website and make them look better

Don't try to learn everything about CSS, learn the fundamentals, and then move to the next step

Resources:

CSS Tutorial - Zero to Hero (Complete Course) - https://www.youtube.com/watch?v=1Rs2ND1ryYc

4. Learn JavaScript

With JavaScript, you can make your website dynamic (show/import/save data for example)

If this is the first programming language you learn make sure that you take your time

Resources:

Learn JavaScript - Full Course for Beginners - https://www.youtube.com/watch?v=PkZNo7MFNFg

5. Learn a JS Framework

These make JavaScript easier and faster

Choose any of these and don't overthink the process

Resources:

React - http://youtu.be/DLX62G4lc44

Vue - http://youtu.be/4deVCNJq3qc

Angular - https://t.co/wVTorgkkg9?amp=1

Bonus!

You can learn all of the above (and much more) from this eBook

You will go from HTML to React and learn everything you need to become a great Frontend dev (and then full-stack)

Aff

https://gumroad.com/a/416027763

7. Learn Git and GitHub

Git is a version control system that lets you manage and keep track of your source code history

GitHub is a cloud-based hosting service that lets you manage Git repositories

Resources:

Git and GitHub for Beginners Crash Course - http://youtu.be/RGOj5yH7evk

8. Learn NPM

npm is the package manager for the Node JavaScript platform

It puts modules in place so that node can find them, and manages dependency conflicts intelligently

Resources:

NPM Crash Course - http://youtu.be/jHDhaSSKmB0

9. Learn a backend technology

These are languages that let you server-side applications

If you already know JavaScript, I recommend learning Node.js but PHP and Python are solid options too

Resources:

Full Node.js Tutorial for beginners - http://youtu.be/RLtyhwFtXQA

10. Learn Database

A database is a collection of information that is organized so that it can be easily accessed, managed, and updated

You'll need one when you'll build a website that stores data somewhere

Resources:

SQL - http://youtu.be/HXV3zeQKqGY

11. 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.

The end

I hope found this useful and if you did please let me know. If you have any question feel free to DM me on Twitter .