πŸŽ“ Free & Open Source

Developer Roadmaps

920+ curated topics with 2,000+ free resources across 20 roadmaps. Interactive progress tracking, daily challenges, skill radar, command palette, bookmarks, community tips, study timer, and achievement badges to guide your journey.

Press Ctrl + K to open the command palette

0 Roadmaps
0 Topics
0+ Resources
0% Free

Choose Your Path

20 comprehensive roadmaps covering every major tech discipline

πŸ”

Why DevRoadmaps?

Everything you need to master your craft, completely free

🎯

Interactive Nodes

Click any topic to expand details, mark as complete, and track your progress visually.

πŸ”—

1,700+ Free Resources

Curated links to MDN, freeCodeCamp, official docs, YouTube tutorials, and more.

πŸ“Š

Track Progress

Your progress is saved locally. Come back anytime and pick up where you left off.

πŸ”

Search & Filter

Search within roadmaps and filter by category β€” fundamentals, intermediate, advanced, tools.

πŸ–¨οΈ

Print as Poster

Print any roadmap as a beautiful poster for your wall. Perfect for study planning.

⌨️

Keyboard Navigation

Navigate with arrow keys, press Enter to expand, Space to mark complete.

πŸŒ™

Dark & Light Mode

Beautiful in both themes. Your preference is remembered across visits.

πŸ“±

Fully Responsive

Works perfectly on desktop, tablet, and mobile. Learn anywhere.

⌨️

Command Palette

Press Ctrl+K to quickly jump to any roadmap, feature, or action. Power-user friendly.

🎯

Daily Challenges

Solve a new coding challenge every day. Build your streak and stay consistent.

πŸ“Š

Skill Radar

Visual radar chart showing your progress across all skill areas at a glance.

πŸ”¨

Project Ideas

Curated project ideas for each roadmap to apply what you've learned hands-on.

🎀

Interview Prep

Practice with curated interview questions and answers for each career path.

πŸ“Έ

Share Progress Cards

Generate beautiful PNG cards of your progress to share on social media.

πŸ“

Learning Notes

Write personal notes for each roadmap. Your private learning journal, stored locally.

What People Are Saying

Share your experience β€” open a GitHub discussion or tag us on X

πŸ’¬

Be the first to share your story!

Used DevRoadmaps to learn something new? We'd love to hear about it. Open an issue or discussion on GitHub with your testimonial and it may be featured here.

Share Your Story

Built by the Community

Open source, community driven, and collaborative

πŸ—ΊοΈ
20
Roadmaps
πŸ“š
920+
Topics
πŸ”—
2,000+
Free Resources
πŸ“
Share Tips
Community Tips
⭐
Rate
Resources
πŸ“œ
MIT
License
🀝
Open Source

Frequently Asked Questions

Yes! 100% free and open source. Every resource linked is free. No hidden paywalls, no premium tier. We believe education should be accessible to everyone.

Progress is saved in your browser's localStorage. No account needed, no data sent to any server. Clear your browser data to reset progress.

We offer 20 complete roadmaps with 920+ topics, community tips, resource ratings, resource type filtering, daily challenges, skill radar, project ideas, interview prep, interactive progress tracking, search/filter, print-as-poster, keyboard navigation, and everything is free and open-source with zero dependencies.

Absolutely! Check out our CONTRIBUTING.md for guidelines. You can add nodes, fix resources, or suggest new roadmaps via pull request.

We use stable, well-known resources (MDN, freeCodeCamp, official docs, popular YouTube channels). Links are periodically verified and PRs welcome to fix any broken ones.

Nope! Everything works without an account. Progress is stored in your browser. Just open the page and start learning.

The roadmap viewer and progress tracking work offline once loaded. Resource links require internet, but you can print roadmaps for offline reference.

Frontend, Backend, Full Stack, ML/AI, DevOps/Cloud, Mobile, Cybersecurity, Data Engineering, Blockchain/Web3, Game Dev, Embedded/IoT, Product Management, DevSecOps, QA Engineer, Technical Writer, Low-Code/No-Code, Cloud Architect, Platform Engineer, Site Reliability Engineer, and AR/VR Developer.

It varies! A beginner roadmap might take 3-6 months studying part-time. Advanced roadmaps could take 6-12 months. The key is consistency.

Yes! Each roadmap starts from fundamentals and progresses to advanced topics. The difficulty badges help you know where to start.

Yes! Click the Print button on any roadmap page. It generates a clean, print-friendly layout. Great for wall posters or study notes.

Vanilla HTML, CSS, and JavaScript. No frameworks, no build tools, no dependencies. Just open index.html in any browser.

Click the theme icon in the bottom-left corner to cycle through Dark β†’ Light β†’ Auto (follows system preference). Your choice is saved and persisted across visits.

Absolutely! Open an issue on GitHub with your suggestion. If there's enough interest, we'll add it. You can also submit a PR with the JSON data.

Completely. All data stays in your browser. We don't use cookies, analytics, or any tracking. Your learning is your business.

Today's Challenge

Solve a new coding challenge every day and build your streak

Your Skill Radar

Visual overview of your progress across all skill areas

Compare Roadmaps

Compare any two roadmaps side by side to find your path

Project Ideas

Hands-on project ideas to apply what you've learned

Interview Prep

Practice with curated interview questions for each path

Your Data

Export, import, or manage your learning data

Generate a shareable image of your learning journey

πŸ“Œ Bookmarks

Curated Paths

Pre-built paths combining nodes from multiple roadmaps

Your Badges

Unlock achievements as you learn

πŸš€ Start Learning Today

Pick a roadmap and begin your journey. No sign-up required.

Get Started β†’

πŸ† Certifications

Track your progress toward industry certifications β€” roadmap nodes map to real exam topics

πŸ’¬ Community

Connect with fellow learners, ask questions, share your progress