Scrimba Study Plan: The 6-Month Roadmap
Quick Answer: 4–6 months at 10–15 hrs/week completes the Frontend Path. Steady pace recommended. This page gives a week-by-week plan.
Last reviewed: March 2026.
Who This Is For
Scrimba learners planning their study: career changers, part-time learners, or anyone needing a concrete timeline to finish a path.
"How long will it take?" is the first question everyone asks. The honest answer: 4 to 6 months of consistent study, at 10-15 hours per week, will get you through the Frontend Developer Path and ready for job applications. This page gives you a concrete, week-by-week plan.
Choose Your Pace
| Pace | Hours/Week | Time to Complete Frontend Path | Best For |
|---|---|---|---|
| Intensive | 20-25 hrs | ~3.5 months | Full-time learners, career changers on a deadline |
| Steady | 10-15 hrs | ~6 months | Part-time learners, people with day jobs |
| Relaxed | 5-8 hrs | ~10 months | Casual learners, exploring if coding is right for you |
The Steady pace is what we recommend for most people. It's sustainable, avoids burnout, and still moves fast enough to maintain momentum.
The 6-Month Plan (Steady Pace)
This plan maps to the Frontend Developer Path (81.6 hours, 13 modules). Adjust timelines if you're following the Fullstack Path (108.4 hours — add approximately 2 months).
Month 1: Foundations
| Week | Module | Hours | Milestone |
|---|---|---|---|
| 1 | Welcome + Web dev basics (pt 1) | 3-4 hrs | Build your first HTML page |
| 2 | Web dev basics (pt 2) | 3-4 hrs | Style a complete page with CSS |
| 3 | Making websites interactive (pt 1) | 4-5 hrs | Write your first JavaScript functions |
| 4 | Making websites interactive (pt 2) | 4-5 hrs | Complete your first solo project |
Goal: Understand HTML structure, CSS styling, and basic JavaScript. You should be able to build a simple interactive page from scratch.
Month 2: Core Skills
| Week | Module | Hours | Milestone |
|---|---|---|---|
| 5 | Making websites interactive (pt 3) | 4 hrs | DOM manipulation confidence |
| 6 | Accessible development | 3 hrs | Understand ARIA and semantic HTML |
| 7 | Essential CSS concepts (pt 1) | 3 hrs | Build a CSS Grid layout |
| 8 | Essential CSS concepts (pt 2) | 3 hrs | Flexbox + CSS variables mastery |
Goal: Comfortable building accessible, well-styled websites. Your CSS skills should be strong enough to recreate any design you see.
Month 3: JavaScript Mastery
| Week | Module | Hours | Milestone |
|---|---|---|---|
| 9-10 | Essential JavaScript concepts (pt 1-2) | 5-6 hrs/wk | Closures, async/await, array methods |
| 11 | Responsive design (pt 1) | 4 hrs | Mobile-first responsive page |
| 12 | Responsive design (pt 2) | 4 hrs | Complete responsive solo project |
Goal: Solid JavaScript fundamentals. You can build interactive web apps without a framework and they work on all devices.
Month 4: React and APIs
| Week | Module | Hours | Milestone |
|---|---|---|---|
| 13 | Working with APIs (pt 1) | 4 hrs | Fetch data from a real API |
| 14 | Working with APIs (pt 2) | 4 hrs | Build an API-powered app |
| 15-16 | React basics (pt 1-2) | 5-6 hrs/wk | Build your first React component tree |
Goal: You understand how modern web apps work — fetching data, managing state, and building with React.
Month 5: Advanced React + Portfolio
| Week | Module | Hours | Milestone |
|---|---|---|---|
| 17-18 | React basics (pt 3) + Advanced React (pt 1) | 5-6 hrs/wk | React hooks and routing |
| 19-20 | Advanced React (pt 2-3) | 5-6 hrs/wk | Complete a polished React project |
Goal: You can build complete React applications. Start your portfolio with 2-3 projects. See our portfolio project ideas.
Month 6: Career Prep + Job Search
| Week | Module | Hours | Milestone |
|---|---|---|---|
| 21-22 | Getting hired module | 5 hrs/wk | Resume, LinkedIn, and portfolio ready |
| 23-24 | Interview prep + job applications | 5 hrs/wk | First applications sent |
Goal: Your resume is polished, your LinkedIn is optimized, and you've started applying. Use Scrimba's interview prep courses alongside this module.
Daily Routine Template
Here's a sample daily routine for someone studying 2 hours per day (14 hrs/week):
| Time Block | Duration | Activity |
|---|---|---|
| First 5 min | 5 min | Review yesterday's notes or re-read last lesson |
| Core learning | 60 min | Work through Scrimba lessons (interactive scrims) |
| Practice | 40 min | Solo project work or coding challenges |
| Last 15 min | 15 min | Write quick notes on what you learned, post in Discord |
Tips for Staying Consistent
-
Start with 5 minutes. On low-motivation days, just open Scrimba and do one lesson. You'll often continue once you start. This is the "Tiny Habits" principle from Stanford researcher BJ Fogg.
-
Use the Scrimba Discord. Post your progress in the community channels. Accountability from peers is one of the strongest motivators. Read our community guide for details.
-
Don't skip solo projects. They feel harder because there's no hand-holding — that's the point. The struggle is where real learning happens.
-
Track your streaks. Keep a simple log of days you coded. Even 15 minutes counts. The goal is to never break the chain.
-
Take rest days. Schedule 1-2 days off per week. Burnout is the #1 reason people quit. A sustainable pace beats a sprint.
Choose This If
Choose this plan if: You're committing to the Frontend or Fullstack path and want a week-by-week roadmap. Adjust pace to fit your schedule; steady (10-15 hrs/wk) works for most.
Related Pages
- Frontend Developer Path — the path this plan is built around
- Fullstack Developer Path — for a more comprehensive plan
- Frontend vs Fullstack Path — help deciding which to follow
- How to Get Hired with Scrimba — deep dive on the job search phase
- Building a Coding Habit — the science behind staying consistent
We recommend 10-15 hours per week for most learners. This pace lets you complete the Frontend Developer Path in about 6 months. If you can dedicate 20-25 hours, you can finish in roughly 3.5 months.
Yes. Many Scrimba students work full-time and study 1.5-2 hours per day, plus extra time on weekends. The key is consistency — daily practice of even 30 minutes is better than occasional marathon sessions.
This plan is a guide, not a deadline. If a module takes longer, that's fine. Understanding the material matters more than hitting weekly targets. Adjust the schedule to your own pace.
Scrimba's career paths are designed to be comprehensive. You don't need additional courses. However, reading MDN documentation and practicing on sites like LeetCode for interview prep can complement your learning.
Start your 6-month journey
All career paths are included with Scrimba Pro. Start today and be job-ready in 6 months.
Use our partner link to get 20% off the Pro plan.
Ready to Upgrade Your Learning?
Use our partner link to claim 20% off Scrimba Pro and unlock all courses and career paths.