How to Use This Roadmap

This chapter is the build track — it runs parallel to the sidebar concept track (Chapters 1–17). You don't have to finish every concept chapter before Stage 1; when a stage links to Foundations or Stack, read that page and return. See Timeline & order for the full overlapping schedule.

If you're a complete beginner

1. Read Part I top-to-bottom, one stage at a time. Don't skip. Each stage builds on the previous.
2. Build the project at the end of each stage before moving on. The teal Project callouts. Reading without building is how you forget everything in a week.
3. Use the linked canonical resources for depth. Each stage links out to free, gold-standard learning material (MDN, react.dev, etc.) and into the Tech Stack chapter of this guide. The roadmap gives you the path and the orientation; those resources give you the practice hours.
4. Don't rush. Stage 0 through Stage 9 is 4–9 months of part-time work depending on your background and how much you build. There's no shortcut.
5. When stuck, read Part IV. "How to actually learn" and "Escaping the tutorial trap" exist because being stuck is part of the process — having strategies for it is the skill.

If you already write JavaScript and have shipped a small project

Skip to Part II — Modern Stack. Use Part I's later stages (TypeScript, React, Next.js) as a checklist of "do I actually know this?"

If you're already a working developer

Part III — Beyond the Stack is where you live. Computer-science fundamentals, engineering judgment, systems thinking, security. None of which change with framework cycles.

A note on AI-assisted learning

ChatGPT, Claude, and Cursor are real learning accelerators when used well — and a way to fake competence when used badly. The right way to use them is covered in Part IV — AI as a learner. The short version: use AI to explain things, not to do things, until you can confidently do them yourself.

The legend

Pages in this chapter use a few recurring callouts:

• Stage — a milestone in the curriculum. Has a time budget and a project.
• Trend — a 2026 directional shift in how apps are built.
• Tier 1 / 2 / 3 — opinionated picks. Tier 1 = adopt now. Tier 2 = worth knowing. Tier 3 = skip or defer.
• Foundation — a long-term skill that compounds across framework cycles.
• Meta — about how you learn, not what you learn.

→ Start with Stage 0 — Get set up