roadmap.sh: Frontend Developer

What the roadmap shows

The map starts with the three core technologies and branches out:

• Foundations: how the internet works, HTML, CSS and JavaScript. The roadmap is clear that these three are the non-negotiable base.
• Tools and practice: version control with Git and GitHub, package managers, and browser developer tools.
• Building real interfaces: responsive design, accessibility, working with APIs, and a CSS approach (plain CSS, a preprocessor or a utility framework such as Tailwind).
• A framework: React, Vue, Angular, Svelte or others, then a meta-framework if needed.
• Quality and scale: TypeScript, testing, web performance, security basics and SEO.
• Further branches: server-side rendering, progressive web apps, mobile and desktop apps with web technology.

Each node opens a short explanation with free resources. There is a simpler beginner version, a projects section with practice ideas, progress tracking and an AI tutor.

How to read it without panicking

The map is comprehensive, which makes it look like an impossible amount of work. It is not a list of things you must learn. The recommended nodes are the actual job; the alternatives are one option among several; the optional parts are a menu you sample from according to what you build. Reading it as a checklist is the most common way people misuse it.

Where it is genuinely useful

• Deciding what to learn next when you are past the beginner stage and everything looks equally plausible.
• Comparing your skills against a real job posting: tick what you know, then check which of the job's requirements are unticked.
• Explaining to yourself why a topic matters before investing weeks in it.

A sensible order for most learners

1. HTML, CSS and JavaScript properly, with small projects, over a few months.
2. Git, responsive design, accessibility and fetching data from APIs.
3. One framework (React has the largest job market in many regions; Vue is also widely used).
4. TypeScript and testing.
5. Performance and a meta-framework such as Next.js or Nuxt.

How popular it is

roadmap.sh reports more than 3.2 million registered users and a Discord community of about 51,000 (September 2026), and its GitHub repository had about 368k stars, one of the most starred projects on GitHub.

Where it falls short

It is a map, not a course. The linked resources vary in quality, and the roadmap does not tell you how deep to go on each node. Projects teach far more than ticking nodes.

Common questions

Is it free? Yes, with an optional account for tracking progress.

How long does the frontend path take? It depends entirely on hours and background. Working steadily part time through the recommended nodes is a matter of many months, not weeks.

Should I learn everything before applying for jobs? No. Solid fundamentals, one framework and a few good projects are what junior roles expect.

Best for: self-directed learners choosing a direction, and anyone auditing their gaps.