Step By Step Guide To Become Modern Frontend Developer In 2021

My take

Subscribe to my newsletter and never miss my upcoming articles

Innspired by roadmap.sh/frontend, here is my take:

1. Start

Frame 1.png

2. Computer Science Fundamentals

Frame 2.png

3. Internet

Frame 3.png

4. HTML & CSS

Frame 4.png

5. JavaScript

Frame 5.png

6. Ecosystem

Frame 7.png

7. Git

Frame 6.png

8. NodeJS

Frame 10.png

9. ReactJS

Frame 8.png

10. Modern CSS

Frame 9.png

11. GraphQL

Frame 11.png

12. TypeScript

Frame 12.png


Happy coding, Nick

If you want to learn the 6th step, JavaScript, then I'm working on a JavaScript course that fixes One thing that 97% of other courses lack: a combination of modern and practical JavaScript theory with real-world practice.

Try to get it here: javascriptcoursethatworks.com

If you like this article you need to know that every Monday, I send a letter to 4,000+ Web Developers with 3 hand-picked articles from the tech world, 2 web development guides, and 1 best Tweet of the week

“Your newsletter is f**king awesome, really Nick. It gives me a great start to the week with a lot of great knowledge.”

Join smart developers who get short and full of knowledge letters for free here.

Catalin Pit's photo

It's a bit difficult to read the text on the black background!

Otherwise, good article! 🙏

Nick Bull's photo

Uploaded high res, thank you!

Wilsoncl Wong's photo

concise and clear

Mariam David-Alozie's photo

It's a straight forward guideline.

Sydney Ochieng's photo

This is great Nick, keep up with the spirit. You might not know me but I'm a fan. 😂 Maybe I should be your mentee