All roadmaps
๐ŸŽจ

Frontend

Frontend Developer

From HTML/CSS to a modern component framework: build accessible, responsive, production-grade user interfaces.

HTMLCSSJavaScriptReactTypeScript
Sign in to track progress โ†’
1

HTML & CSS fundamentals

Semantic HTML

Essential

CSS layout: Flexbox & Grid

Essential

Responsive design & media queries

Recommended
Build it

Clone a landing page

beginner

Recreate a real site pixel-for-pixel using HTML & CSS only.

2

JavaScript for the browser

DOM manipulation & events

Essential

Fetch, promises & async/await

Essential

ES6+ features (modules, destructuring, spread)

Recommended
3

A component framework (React)

Components, props & state

Essential

Hooks (useState, useEffect)

Essential

Client-side routing

Recommended
Build it

Build a todo app with React

intermediate

Add, complete, filter, and persist tasks to localStorage.

4

TypeScript & tooling

TypeScript basics

Recommended

Build tools & package managers

Optional
5

Accessibility & performance

Web accessibility (a11y)

Recommended

Core Web Vitals & performance

Optional

Land the job

Turn the skills you built into offers โ€” resume, tailoring, applications, and interview prep.

Build a recruiter-ready resume

Essential

Use the builder to produce a clean, ATS-friendly resume from your career memory.

Go

Tailor your resume to each role

Recommended

Match keywords and highlight the experience each job actually asks for.

Go

Browse and apply to open roles

Essential

Find roles that match the skills on this path and apply with your tailored resume.

Go

Prep for interviews

Essential

Practice coding, system design, and behavioral rounds with AI-driven mock interviews.

Go