90-Day JavaScript Mastery Plan (Free Resources)
This plan is designed to take you from beginner to advanced JavaScript skills in 90 days.
You'll spend about 1'2 hours per day learning core concepts, building projects, and mastering
advanced topics.
Phase 1: Core JavaScript (Days 1'30)
' Days 1'3: JS Basics (variables, types, operators) - Resource: javascript.info/first-steps
' Days 4'6: Functions & Scope - Resource: freeCodeCamp / javascript.info/function-basics
' Days 7'9: Conditionals & Loops - Resource: javascript.info
' Days 10'12: Arrays & Objects - Resource: javascript.info
' Days 13'15: DOM Manipulation - Resource: The Net Ninja DOM Playlist (YouTube)
' Days 16'18: Events & Forms - Resource: MDN / javascript.info
' Days 19'21: Mini Projects - To-Do list, Counter, etc.
' Days 22'25: Error Handling & Debugging - Resource: javascript.info
' Days 26'30: Review + Project - Build a small webpage with JS interaction
Phase 2: Deep Dive & ES6+ (Days 31'60)
' Days 31'34: Let/Const, Arrow Functions, Template Strings - Resource: javascript.info
' Days 35'38: Destructuring, Spread, Rest - Resource: javascript.info
' Days 39'42: Array Methods (map, filter, reduce) - Resource: MDN / Net Ninja
' Days 43'46: Closures, Scope Chains - Resource: You Don't Know JS (GitHub)
' Days 47'50: Callbacks, Promises - Resource: javascript.info
' Days 51'54: Async/Await, Fetch API - Resource: javascript.info / Traversy Media
' Days 55'57: Module System (import/export) - Resource: MDN
' Days 58'60: Build a Project - Weather App using Fetch API
Phase 3: Advanced JS + Projects (Days 61'90)
' Days 61'65: Object-Oriented JavaScript - Resource: javascript.info / Net Ninja
' Days 66'70: Functional Programming Patterns - Resource: You Don't Know JS / MDN
' Days 71'75: Event Loop, Execution Context - Resource: JSConf Talk by Philip Roberts
' Days 76'80: Local Storage, Web APIs - Resource: javascript.info
' Days 81'90: Final Projects - Choose 2: Calculator, Quiz App, Notes App, Weather App
' Bonus Practice
Bonus Practice (Any Day):
- JavaScript30 (Project-Based): javascript30.com
- Codewars (Problem Solving): codewars.com
- Scrimba Interactive Lessons: scrimba.com/learn/learnjavascript
' Tools You'll Need
Tools You'll Need:
- Code Editor: VS Code (https://code.visualstudio.com/)
- Browser (Chrome or Firefox)
- GitHub (to store your projects)
- DevTools (Right-click > Inspect in browser)
