web roadmap

Full Stack Developer

A project-oriented web path. You learn HTML/CSS and JavaScript deeply, add TypeScript, React and Next.js, a Node API, SQL, authentication, tests, containers and a public deploy. Quality over framework fashion.

beginner~200 hours5 stages18 skills

Start with Programming fundamentals

The path

Stages run top to bottom; skills inside a stage can be taken in any order unless a line says otherwise. Locked nodes need their required predecessor first.

Programming fundamentalsrecommended · foundation HTML & CSSrequired · foundation · locked JavaScript fundamentalsrequired · foundation · locked Git & GitHubrequired · foundation · locked Web accessibilityrequired · core TypeScript fundamentalsrequired · core · locked React fundamentalsrequired · core · locked Next.js & full-stack Reactrequired · core · locked Node.js & HTTP APIsrequired · core SQL fundamentalsrequired · practice · locked Databases & ORMsrequired · practice · locked Authentication for the webrequired · practice · locked Testing web appsrequired · project · locked Deploy & shiprequired · mastery · locked Containers & orchestrationrecommended · mastery · locked CI/CD & cloud basicsoptional · mastery · locked System designoptional · mastery Data structures & algorithmsoptional · mastery

Solid line — requiredDashed — recommendedDotted — optionalLock — finish the required step before it

Foundations

The platform: how programs, documents, scripts and versions work.

Core web

Accessibility, types, components and the App Router mental model.

Backend

HTTP APIs, relational data, an ORM, and authentication done honestly.

Ship

Tests, a public deploy, containers and a pipeline that guards it all.

Depth

Optional: design for scale and the algorithms depth for interviews.