All roadmaps
Roadmap

Frontend Developer

Use HTML, CSS, and JavaScript to build the visual and interactive elements of websites and applications. Ensure interfaces are responsive, accessible, and visually appealing.

3levels26skills~32hours

Curated from the best, MDN · Kubernetes · AWS · OWASP · Google SRE & more

Strong demand for frontend developers with HTML/CSS/JS, accessibility, responsive design, and a framework (React, Vue, etc.).

Start learning, it’s free Ready to build? See capstone projects
1

Foundation: Core Technologies & Tooling

~12h

HTML, CSS, JavaScript, the three essentials. Plus version control and accessibility, per roadmap.sh.

HTML: skeleton and markup of the page CSS: styling and how HTML elements are rendered JavaScript: dynamism and interactivity (or TypeScript with a transpiler) Version control: Git
2

Intermediate: APIs, Testing, Dev Tools & Frameworks

~12h

SEO, RESTful APIs, testing and debugging, browser dev tools, and a go-to framework (React or Vue).

SEO: how it works and how to leverage it in your code RESTful APIs: basics and how to consume them Testing and debugging: practices and effective debugging Dev tools: inspect, debug, and optimize in the browser
3

Advanced: TypeScript, Architecture & Deployment

~8h

TypeScript, state management, component architecture, rendering strategies, and deployment.

TypeScript: how it works and when to use it State management and frontend architecture Component architecture and design systems SSR vs SSG vs CSR and deployment

Job-ready: Frontend Developer

Finish the path, earn the certificate, and walk into interviews prepared.