[Go to site: main page, start]
Scribd
Upload
3 views4 pages

JavaScript Roadmap

The document outlines a 30-day JavaScript roadmap covering essential topics such as variables, functions, arrays, and promises, along with coding exercises and mini projects. Each day includes a mix of theoretical lessons, coding tasks, quizzes, and revisions to reinforce learning. The program totals approximately 75-85 hours and prepares participants to confidently start learning React by February-March.

Uploaded by

Satyam kumar
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
3 views4 pages

JavaScript Roadmap

The document outlines a 30-day JavaScript roadmap covering essential topics such as variables, functions, arrays, and promises, along with coding exercises and mini projects. Each day includes a mix of theoretical lessons, coding tasks, quizzes, and revisions to reinforce learning. The program totals approximately 75-85 hours and prepares participants to confidently start learning React by February-March.

Uploaded by

Satyam kumar
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

JavaScript Roadmap ​

​
​
Day 1 : ​
1. JS execution, console, variables
2 Coding: variable experiments
3 Quiz

Day 2 :
1 Operators, truthy/falsy, conditions
2 Coding: decision problems
3 Quiz

Day 3
1 Loops & nested loops
2 Coding: patterns + arrays
3 Revision

Day 4
1 Functions & arrow functions
2 Coding: utilities
3 Quiz

Day 5
1 Scope & hoisting
2 Coding: output prediction
3 Revision

Day 6
1 Arrays basics
2 Coding: array problems
3 Quiz

Day 7
1 Array methods
2 Mini Project 1: Expense Tracker Logic
3 Revision

Day 8
1 Objects & methods
2 Coding: user objects
3 Quiz
Day 9
1 Nested objects
2 Mini Project 2: Product Catalog Data
3 Revision

Day 10
1 Reference vs value
2 Bug fixing coding
3 Quiz

Day 11
1 Callbacks & HOF
2 Coding: custom map/filter
3 Revision

Day 12
1 Closures
2 Mini Project 3: Counter App
3 Quiz

Day 13
1 this keyword
2 Coding: bind/call/apply
3 Revision

Day 14
1 ES6+
2 Mini Project 4: Props Simulator
3 Quiz

Day 15

1 Event loop
2 Coding: async outputs
3 Revision

Day 16
1 Promises
2 Mini Project 5: Fake API Handler
3 Quiz
Day 17
1 async/await
2 Coding: refactor promises
3 Revision

Day 18
1 Fetch API
2 Mini Project 6: API Data Viewer
3 Quiz

Day 19
1 Error handling
2 Coding: loaders & errors
3 Revision

Day 20
1 Prototypes
2 Coding: inheritance tasks
3 Quiz

Day 21
1 Classes
2 Mini Project 7: User System
3 Revision

Day 22
1 Modules
2 Mini Project 8: Multi-file App
3 Quiz

Day 23
1 DOM basics
2 Mini Project 9: Todo App
3 Revision

Day 24
1 Browser APIs
2 Mini Project 10: Notes App
3 Quiz

Day 25
1 Performance
2 Mini Project 11: Search with Debounce
3 Revision
Day 26
1 Memory concepts
2 Code optimization
3 Quiz

Day 27
1 JS for React mindset
2 Mini Project 12: State Simulator
3 Revision

Day 28
1 Major revision
2 Mini Project 13: Dashboard Logic
3 Quiz

Day 29
1 Mini Project 14: API + DOM App
2 Full coding day

Day 30
1 Final Project
2 Mini Project 15: JS Mini App
3 Interview Qs

Total Outcome
• Total JS Hours: ~75–85 hrs
• Mini Projects: 15
• Revisions & Quizzes included
• Ready to start React confidently in Feb–March

You might also like