30-Day JavaScript Roadmap
Day 1 – Introduction to JavaScript, Setup, Hello World
Day 2 – Variables: var, let, const
Day 3 – Data Types and Type Conversion
Day 4 – Operators and Expressions
Day 5 – Conditional Statements
Day 6 – Loops: for, while, do-while
Day 7 – Functions and Scope
Day 8 – Arrow Functions
Day 9 – Arrays Basics
Day 10 – Array Methods: map, filter, reduce
Day 11 – Objects and Object Methods
Day 12 – Destructuring and Spread Operator
Day 13 – Template Literals
Day 14 – ES6 Modules
Day 15 – DOM Manipulation
Day 16 – Event Handling
Day 17 – Forms and Validation
Day 18 – Local Storage and Session Storage
Day 19 – Closures
Day 20 – Hoisting
Day 21 – this Keyword
Day 22 – Call, Apply, Bind
Day 23 – Prototype and Inheritance
Day 24 – Classes and OOP
Day 25 – Promises
Day 26 – Async/Await
Day 27 – Event Loop and Execution Context
Day 28 – Fetch API and REST APIs
Day 29 – JavaScript Interview Questions
Day 30 – Mini Project + Revision
Angular-Focused JavaScript Topics
• Closures
• Lexical Scope
• Event Loop
• Promises
• Async/Await
• Array Methods
• Objects
• Destructuring
• Modules
• Classes
• this Keyword
• Prototype Chain
Daily Study Plan
Spend 2-3 hours daily:
1. Learn Concept (45 mins)
2. Code Examples (45 mins)
3. Practice Problems (30 mins)
4. Interview Questions (30 mins)
Recommended Outcome
After 30 days you should be comfortable with modern JavaScript and be ready for Angular interview
preparation.