JavaScript Roadmap
A Practical Roadmap for Learning JavaScript and Node.js
I was recently asked by a friend to create a roadmap for learning JavaScript and Node.js. My immediate recommendation was freeCodeCamp, and here’s why: it’s free, offers world-class learning material that’s continuously updated, and most importantly, includes hands-on projects that put your skills to the test.
Having concrete projects to build is crucial because newcomers often face two common challenges:
- Paradox of choice: the overwhelming number of learning resources available
- Analysis paralysis: difficulty deciding which path to take
freeCodeCamp’s structured approach with guided projects helps overcome these challenges. However, while excellent, freeCodeCamp’s curriculum could benefit from more in-depth video tutorials explaining the “why” behind concepts. That’s where this roadmap comes in - it supplements freeCodeCamp’s curriculum with carefully selected video courses.
How to Use This Roadmap
The approach is simple:
- Complete a freeCodeCamp project
- Watch the recommended course that covers related concepts
- Repeat
This method helps reinforce your learning and prevents the common pitfall of mindlessly completing challenges without understanding the underlying concepts.
Part 1: JavaScript Journey
The JavaScript portion is divided into three progressive sections:
Section 1: Fundamentals
- Complete Build a Palindrome Checker Project
- Take Getting Started with JavaScript v2 on Frontend Masters
Section 2: Modern JavaScript
- Study JavaScript: The Recent Parts
- Complete Functional JavaScript v3
- Build these projects:
Section 3: Advanced Concepts
- Take JavaScript: Understanding the Weird Parts
- Complete Deep JavaScript v3
- Study JavaScript: The Hard Parts v2
- Build these capstone projects:
Part 2: Node.js Development
The Node.js section follows a straightforward progression:
- Start with Command Line Interface Basics - This is crucial as you’ll be working with web servers and databases
- Take The Complete Node.js Developer Course
- Study Understanding Node.js
- Complete Back End Development and APIs Projects on freeCodeCamp