60-Day JavaScript Course Plan
Week 1 – Getting Started with JavaScript
Day 1: What is JS? First script (alert, [Link]).
Day 2: Linking JS (inline, internal, external). Mini-project: color buttons.
Day 3: Variables & Data Types. Mini-project: “Guess My Age” game.
Day 4: Operators & Calculator project.
Day 5: Review game (Kahoot/quiz) + Debugging basics with DevTools.
Day 6: Mini-project: Personal Profile Page (interactive with prompts).
Week 2 – DOM Basics & Events
Day 7: DOM Selectors (`getElementById`, `querySelector`).
Day 8: Events (click, mouseover). Mini-project: toggle image/text.
Day 9: User input + conditionals. Mini-project: Rock-Paper-Scissors (text).
Day 10: Rock-Paper-Scissors with images.
Day 11: Weekly Quiz #1 (variables, operators, DOM).
Day 12: Mini-project: Joke/Quote generator (using arrays).
Week 3 – Loops & Arrays
Day 13: For loops. Activity: print numbers, multiplication table.
Day 14: While loops. Activity: simple guessing game.
Day 15: Arrays (store multiple items). Mini-project: favorite movies list.
Day 16: Looping arrays. Mini-project: random joke/quote generator.
Day 17: Kahoot/Quiz game (loops + arrays).
Day 18: Mini-project: Random background color changer.
Week 4 – Functions & To-do App
Day 19: Functions (basics, parameters, return).
Day 20: Scope + refactoring code.
Day 21: Functions + DOM → build calculator properly.
Day 22: CreateElement & appendChild. Project: To-do List.
Day 23: Weekly Quiz #2 (functions, arrays, loops).
Day 24: Mini Hackathon → “Build Your Own Tool” (stopwatch, counter, converter).
Week 5 – Advanced DOM & Games
Day 25: Changing CSS with JS. Mini-project: dark/light mode switch.
Day 26: Keyboard events. Mini-game: move a box with arrow keys.
Day 27: Timers (`setInterval`, `setTimeout`). Mini-project: countdown timer.
Day 28: Image slider project (manual + auto).
Day 29: Weekly Quiz #3 (DOM, events, timers).
Day 30: Mini-project: Memory Card Game (start simple).
Week 6 – Objects & Game Development
Day 31: Objects (key-value). Example: student profile.
Day 32: Arrays of objects. Example: product list.
Day 33: Mini-project: Digital Library (add/remove books).
Day 34: Build Rock-Paper-Scissors with scoreboard (object-based).
Day 35: Weekly Quiz #4 (objects, arrays).
Day 36: Project Day → Start small game (Snake or Whack-a-Mole).
Week 7 – ES6 & Modern JS
Day 37: Template literals, arrow functions.
Day 38: Destructuring, spread, map/filter.
Day 39: Mini-project: student grade calculator (map/filter).
Day 40: Classes (intro). Example: class Car, class Student.
Day 41: Weekly Quiz #5 (ES6 basics).
Day 42: Mini-project: Leaderboard app with objects/classes.
Week 8 – APIs & GitHub
Day 43: What is an API? Fetch basics (JSON, promises).
Day 44: Mini-project: Fetch random jokes API.
Day 45: Mini-project: Weather app (fetch OpenWeather API).
Day 46: Git & GitHub intro (commit, push, GitHub Pages).
Day 47: Weekly Quiz #6 (APIs, ES6).
Day 48: Mini Hackathon → “Build Your Own API App.”
Week 9 – Final Project Week (Capstone Prep)
Day 49: Brainstorm & Plan final project (choose game/app idea).
Day 50: Setup project structure (HTML/CSS/JS + GitHub repo).
Day 51: Core functionality (game logic or app logic).
Day 52: Add UI/UX (styling, animations).
Day 53: Peer review + bug fixing.
Day 54: Weekly Quiz #7 (review all topics).
Week 10 – Capstone Project & Showcase
Day 55–57: Work on final project (independent/group).
Day 58: Testing & debugging session.
Day 59: Deploy to GitHub Pages + prepare presentation.
Day 60: 🎉 Final Project Showcase (students demo projects).
