Developer career roadmap
Frontend Developer Roadmap
Build accessible, responsive, tested web interfaces with modern JavaScript and React.
Your local progress
Track Progress
Your progress is saved in this browser.
Dependency-aware sequence
Frontend Developer Roadmap
- 1
Programming Foundations
Understand how programs process data, make decisions, repeat work, organize logic, and report errors, then build and debug a command-line application.
- 2
HTML and CSS Foundations
Build accessible, responsive, and maintainable web pages with semantic HTML, modern CSS layouts, reusable components, and reliable forms.
- 3
JavaScript Fundamentals
Write, organize, debug, and test JavaScript programs that process data, respond to browser events, update pages, and communicate with APIs.
- 4
Git and GitHub
Track changes, create focused commits, work safely with branches, collaborate through pull requests, and recover from routine Git mistakes.
- 5
TypeScript Fundamentals
Add reliable static types to JavaScript applications, model application data, narrow uncertain values, use generics, and configure maintainable projects.
- 6
React Development
Build accessible React applications with reusable components, predictable state, forms, routing, data fetching, error handling, and automated tests.
- 7
Web Accessibility and Performance
Audit and improve a website’s keyboard access, semantic structure, forms, visual presentation, loading performance, responsiveness, and runtime behavior.
- 8
Software Testing Fundamentals
Design useful tests, separate unit and integration concerns, test error behavior, recognize unreliable tests, and create a balanced test strategy.
Project ladder
Projects to Build
Stage 1
Foundation project
Build evidence that combines the skills from the roadmap stages you have completed.
Stage 2
Specialization project
Build evidence that combines the skills from the roadmap stages you have completed.
Stage 3
Portfolio capstone
Build evidence that combines the skills from the roadmap stages you have completed.
Extend your capability
Recommended Specializations
Continuous Integration and Delivery
Build secure, testable, versioned, observable, and recoverable pipelines for software integration, artifacts, releases, deployments, and rollback.