10-Week JavaScript Study Plan
Welcome to the JavaScript 10-Week Study Plan. This curriculum builds on your HTML and CSS foundations to turn you into a confident, competent JavaScript programmer.
Suggested Dedication
Section titled “Suggested Dedication”- Daily time: 1 to 2 hours per day.
- Weekly schedule: 5 days a week (~8 to 10 hours per week).
- Format: 50 daily lessons across 10 structured weeks.
Prerequisites
Section titled “Prerequisites”- Foundational HTML and CSS (covered in the 8-Week HTML & CSS Plan).
Tools Needed
Section titled “Tools Needed”- Code Editor: Visual Studio Code (VS Code)
- Extensions: Live Server
- Browser DevTools: Chrome DevTools (Console, Sources, and Network tabs)
- Runtime & Version Control: Node.js (for running scripts and tooling) and Git / GitHub
Free Recommended Resources
Section titled “Free Recommended Resources”- Core Documentation: javascript.info and MDN Web Docs
- Interactive Practice: freeCodeCamp (JavaScript Algorithms & Data Structures)
- Coding Challenges: Codewars and Exercism
The Golden Rule
Section titled “The Golden Rule”You learn programming by programming. Allocate 30% of your time to theory and 70% to hands-on coding. Write all exercises by hand and use
console.log()frequently to inspect and understand what your code is doing at every step.
10-Week Curriculum Overview
Section titled “10-Week Curriculum Overview”| Week | Focus | Objective |
|---|---|---|
| Week 1 | Language Fundamentals | Understand JS runtime, variables, data types, and operators |
| Week 2 | Flow Control | Conditionals, loops, truthy/falsy, and DevTools debugging |
| Week 3 | Functions | Declarations, arrow functions, scope, parameters, and callbacks |
| Week 4 | Arrays & Objects | Methods (map, filter, reduce), object manipulation, and iteration |
| Week 5 | Modern JavaScript (ES6+) | Destructuring, spread/rest, optional chaining, and ES modules |
| Week 6 | The DOM | Element selection, modification, creation, events, and delegation |
| Week 7 | Forms, Storage & DOM Practice | Validation, localStorage, timers, and Date objects |
| Week 8 | Asynchrony & APIs | Promises, async/await, fetch GET/POST, and Network tab |
| Week 9 | Intermediate Concepts & Quality | Closures, classes, prototypes, Git workflows, and tooling |
| Week 10 | Final Project & Publishing | Build a full-stack integrated application and deploy live |