In Progress
FrontendBeginner
HTML
Build a strong foundation in semantic HTML, accessibility, forms, metadata, and modern web structure.
12 modules
2–3 weeks
Progress17%
Your learning journey
Build your path. Track your progress.
Follow structured learning paths, understand what to learn next, practice your skills, and build projects that turn knowledge into real-world experience.
Structured learningPractice-firstProject-focused
Keep goingBuild a consistent learning habit
8+ pathsExplore different technology tracks
Learn by buildingTurn concepts into practical projects
Open sourceLearn with the community
Continue your current roadmap
HTML
Build a strong foundation in semantic HTML, accessibility, forms, metadata, and modern web structure.
17% complete2/12
Learning paths
View all roadmapsChoose what you want to learn
Explore structured paths for programming, frontend, full-stack development, security, and more.
Not Started
FrontendBeginner → Advanced
CSS
Master layouts, responsive design, Flexbox, Grid, animations, architecture, and modern UI techniques.
14 modules
4–6 weeks
Progress0%
Not Started
ProgrammingBeginner → Advanced
JavaScript
Learn JavaScript from fundamentals to asynchronous programming, APIs, modules, and advanced concepts.
18 modules
6–8 weeks
Progress0%
Not Started
FrontendIntermediate
React
Build modern component-based interfaces using React, hooks, state management, routing, and APIs.
15 modules
4–6 weeks
Progress0%
Not Started
ProgrammingIntermediate
TypeScript
Add type safety to JavaScript applications and learn production-level TypeScript patterns.
12 modules
3–4 weeks
Progress0%
Not Started
Developer ToolsBeginner → Advanced
Git & GitHub
Learn version control, branching, pull requests, collaboration, releases, and open-source workflows.
10 modules
2–3 weeks
Progress0%
Not Started
Full StackAdvanced
Full Stack Development
Connect frontend, backend, databases, authentication, APIs, deployment, and production engineering.
24 modules
12–16 weeks
Progress0%
Not Started
SecurityBeginner → Advanced
Cybersecurity
Understand networking, Linux, security fundamentals, web security, ethical hacking, and defense.
20 modules
10–14 weeks
Progress0%
The learning loop
Learn → Practice → Build → Grow
A roadmap is more than a checklist. Use it as a repeatable system for developing practical engineering skills.
01
Choose a roadmap
Pick a structured learning path based on the skills you want to develop.
02
Learn the concepts
Follow tutorials, examples, references, and practical explanations.
03
Practice
Solve challenges and reinforce concepts through hands-on exercises.
04
Build projects
Turn your knowledge into real projects that demonstrate your skills.
05
Track progress
Complete modules and keep moving through your learning journey.
Beyond tutorialsExplore projects
Turn learning into real engineering experience.
Follow a roadmap, study the concepts, practice with challenges, build projects, deploy them, and use your work as evidence of your skills.
Learn concepts
Practice problems
Build projects
Deploy your work
Contribute to open source
Build your portfolio
Learn
Practice
Build
Grow
Ready when you are
Start building your developer journey.
Choose a roadmap, take the first step, and keep improving one skill at a time.