Finish the Frontend path without burning out
Quick answer: At 10–15 hrs/week, Scrimba’s ~81.6h Frontend path usually lands in ~4–6 months. Latest BLS wage releases continue to show web/software roles as strong-pay tracks, while Pro is typically ~$200/yr vs $10k–$20k+ bootcamps. This page is your week-by-week map so “how long?” stops being a vague worry.
Last reviewed: April 2026.
Who this plan fits
Career changers with a day job, parents stealing hours at night, or anyone who needs proof they can hold a schedule long enough to reach hireable projects.
Problem: Open-ended “I’ll study when I can” plans die in week three. Solve: Steady 10–15 hours beats heroic weekends—this roadmap assumes that pace and maps the Frontend Developer Path month by month.
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.
Commit to the path that matches this plan
Validate scrims on free courses, then use Pro for the full Frontend sequence + Discord.