Developer Roadmaps
Free visual roadmaps and structured learning paths for frontend, backend, DevOps, and more — compared by format and depth.
alternatives (3)
★ roadmap.sh
Best for: Visual step-by-step paths across roles
Community-maintained visual roadmaps for frontend, backend, DevOps, AI, and dozens of role-specific paths — with step-by-step guides and resource links.
- +Free
- +Role-specific paths
- +Community-maintained
- +Clear progression
- −Self-directed — no certificates
freeCodeCamp
Best for: Hands-on projects with free certs
Free, project-based curriculum covering responsive web design, JavaScript, Python, data analysis, and more — with certifications.
- +Completely free
- +Certifications
- +Project-based
- −Linear curriculum
- −Less visual overview
MDN Learn
Best for: Web fundamentals from the source
Mozilla's structured web development curriculum — HTML, CSS, JavaScript, and accessibility with exercises and assessments.
- +Authoritative
- +Free
- +Strong fundamentals
- −Web-focused only
Compare
Tick the ones you want to compare
| Alternative | Format | Cost | Best for |
|---|---|---|---|
| ★roadmap.sh | Visual roadmaps + guides | Free | Choosing what to learn next |
| freeCodeCamp | Interactive courses | Free | Building a portfolio from scratch |
| MDN Learn | Docs + exercises | Free | Solid web dev foundations |
Not sure what to learn next? These resources give you structured paths instead of an endless list of tutorials.
roadmap.sh is the go-to for a bird’s-eye view — pick a role (frontend, backend, DevOps, etc.) and follow the visual map with linked resources. freeCodeCamp and MDN Learn are better when you want hands-on exercises and a linear curriculum starting from zero.