Going to Master Javascript before 1st of April.
Its 4th of March , I have Prepared a Schedule to complete JavaScript in 28 days. In this readme File . I'm going to update it after Completing the particular schedule for each day.
🟢 March 4 → Completed some Basics of Javascript
🟢 March 5 → learnt about Operators and User Input.
🟢 March 6 → learnt about Control Flow - if-else, switch, ternary operators.
🟢 March 7 → learnt about Loops - For, While, Do-While
🟢 March 9 → learnt about function declarations, expressions, and arrow functions.
🟢 March 10 → learnt about arrays, 2D arrays, and array methods.
🟢 March 11 → learnt about JavaScript Objects, Methods, this keyword. Designed a calculator using html , Tailwind Css and Dark mode using JavaScript.
🟢 March 12 → learnt about constructor functions, classes, inheritance.
🟢 March 13 → I have found myself struggling to get a hang on HTML and CSS concepts , so I have prepared a Cheat Sheet (HandWritten Notes), making it easier for me to know all the attributes we can use in html and css
🟢 March 15 → learnt about ES6 Features - spread operator, rest parameters, destructuring.
🟢 March 16 → learnt about DOM Manipulation - querySelector, getElementById, classList.
🟢 March 17 → learnt about Event Handling & Local Storage.
🟢 March 18 → learnt about Event listeners click, keydown, input and Worked with local storage.
🟢 March 19 → learnt about Async JavaScript, Fetch API, and Promises.
🟢 March 21 → learnt about Asynchronous JavaScript & Callbacks
🟢 March 22 → learnt about Promises, .then(), .catch(), async/await.
🟢 March 23 → learnt about fetching data from APIs.
🟢 March 24 → Did a Small Project on getting pokemon Sprite images from an Api. I have uploaded my project on git hub Pages.
🟢 March 25 → Working on another project which fetches data from API.
🟢 March 27 → Built a webpage design from figma . uploaded it in GIT pages.
Here is the Detailed Roadmap
🗓 JavaScript Mastery Roadmap (28 Days)
📌 Week 1: JavaScript Basics & Foundations (Days 1-7)
🎯 Goal: Learn the core fundamentals of JavaScript and get comfortable with syntax.
📍 Day 1: Introduction & Setup • Install VS Code and set up JavaScript. • Learn about console.log() and debugging. • JavaScript syntax, variables, and data types. 📖 Watch (Second Video): 00:00:00 - 00:25:20
📍 Day 2: Operators & User Input • Arithmetic, Comparison, Logical, and Assignment Operators. • Taking user input with prompt() and confirm(). 📖 Watch: 00:25:20 - 00:44:48
📍 Day 3: Control Flow (if-else, switch, ternary) • Learn if-else conditions and switch statements. • Practice ternary operators. 📖 Watch: 00:44:48 - 01:48:49
📍 Day 4: Loops (For, While, Do-While) • Learn for loop, while loop, and do-while loop. • Practice nested loops. 📖 Watch: 02:26:41 - 02:49:31
📍 Day 5: Functions & Scope • Learn about function declarations, expressions, and arrow functions. • Understand global vs local scope. 📖 Watch: 02:49:31 - 03:07:10
📍 Day 6: Arrays & Array Methods • Learn about arrays, 2D arrays, and array methods (map, filter, reduce). 📖 Watch: 03:23:28 - 03:44:32
📍 Day 7: Small Project + Revision 🔹 Project: Build a Counter App (FD Interest Calculator) ✅ Revise Week 1 topics and do basic JavaScript exercises.
📌 Week 2: Intermediate Concepts (Days 8-14)
🎯 Goal: Learn Objects, Events, DOM, and ES6+ features.
📍 Day 8: Objects & OOP Concepts • Learn about JavaScript Objects, Methods, this keyword. 📖 Watch: 05:00:40 - 05:12:07
📍 Day 9: Constructors & Prototypes • Understand constructor functions, classes, inheritance. 📖 Watch: 05:12:07 - 05:38:53
📍 Day 10: ES6 Features (Destructuring, Rest, Spread) • Learn spread operator, rest parameters, destructuring. 📖 Watch: 06:01:28 - 06:19:21
📍 Day 11: DOM Manipulation • Learn querySelector, getElementById, classList. • Modify elements dynamically. 📖 Watch: 08:09:26 - 08:47:31
📍 Day 12: Event Handling & Local Storage • Learn about event listeners (click, keydown, input). • Work with local storage. 📖 Watch: 09:03:03 - 09:59:20
📍 **Day 13: Small Project - To-Do List 🔹 Project: Build a To-Do List using Local Storage
📍 Day 14: Practice & Recap ✅ Solve JavaScript coding problems. ✅ Revise Week 2 concepts.
📌 Week 3: Advanced Concepts & APIs (Days 15-21)
🎯 Goal: Learn Async JavaScript, Fetch API, and Promises.
📍 Day 15: Asynchronous JavaScript & Callbacks • Learn about setTimeout, setInterval, callback functions. 📖 Watch: 06:29:26 - 07:34:12
📍 Day 16: Promises & Async/Await • Learn about Promises, .then(), .catch(), async/await. 📖 Watch: 07:40:17 - 07:54:06
📍 Day 17: Fetch API & JSON • Learn how to fetch data from APIs. 📖 Watch: 11:07:07 - 11:21:22
📍 Day 18: Small Project - Weather App (Using API & Fetch) 🔹 Project: Build a Weather App using Fetch API
📍 Day 19: Error Handling & Debugging • Learn about try-catch, debugging, and error handling. 📖 Watch: 07:54:06 - 08:09:26
📍 Day 20: Small Project - Currency Converter (Using API & Fetch) 🔹 Project: Build a Currency Converter using Fetch API
📍 Day 21: Revision & Mini Coding Challenges ✅ Solve JavaScript problems on LeetCode.
📌 Week 4: Full Stack & Final Projects (Days 22-28)
🎯 Goal: Work on real-world projects & prepare for full-stack development.
📍 Day 22-23: JavaScript & Backend Basics • Learn about Node.js & Express.js basics. • Work with fetching API data on the backend.
📍 **Day 24-25: Final Project - Build a Digital Clock 🔹 Project: Build a Real-Time Digital Clock with JavaScript.
📍 **Day 26-27: Final Project - Full Stack Mini App 🔹 Project: Build a Simple Blog or Notes App using Local Storage & Fetch API
📍 Day 28: Final Revision + Mock Interviews ✅ Revise all topics and practice coding challenges.