30-Day JavaScript Learning Plan
From Zero to Hero in Just One Month
Week 1: Foundations
Day 1: Introduction & Setup – What is JavaScript, setup VS Code, browser console, first alert.
Day 2: Variables & Data Types – var, let, const, primitive data types, typeof.
Day 3: Operators – Arithmetic, assignment, comparison, logical, ternary.
Day 4: Strings – String methods, template literals.
Day 5: Numbers & Math – Basic math, Math methods.
Day 6: Conditionals – if, else, else if, switch, truthy/falsy.
Day 7: Practice – Build a simple calculator.
Week 2: Control Flow & Functions
Day 8: Loops – for, while, do...while, break/continue.
Day 9: Modern Loops – for...of, for...in.
Day 10: Functions – Declarations, expressions, parameters, returns.
Day 11: Arrow Functions – Short syntax, default parameters.
Day 12: Scope & Hoisting – Global, local, block scope, hoisting.
Day 13: Arrays Basics – push, pop, shift, unshift.
Day 14: Practice – Multiplication table generator.
Week 3: Arrays, Objects & DOM
Day 15: Array Methods – map, filter, reduce, forEach.
Day 16: Objects – Properties, methods, this keyword.
Day 17: Nested Objects – Accessing complex structures.
Day 18: DOM Selection – getElementById, querySelector.
Day 19: DOM Styling – Changing CSS styles, adding/removing classes.
Day 20: Event Handling – onclick, addEventListener, event object.
Day 21: Practice – Click counter app.
Week 4: Advanced JS & Projects
Day 22: ES6+ Features – Destructuring, spread/rest operators.
Day 23: Async JS – Callbacks, promises.
Day 24: Async/Await – Fetch API usage.
Day 25: JSON & APIs – Parsing, stringifying, public API calls.
Day 26: Browser Storage – LocalStorage, SessionStorage.
Day 27: Error Handling – try...catch, throw, debugging.
Day 28: Project 1 – To-Do List App.
Day 29: Project 2 – Weather App with API.
Day 30: Final Project – Quiz App with score & timer.
0 Comments