Welcome to my JavaScript learning repository! This repo serves as a collection of all my JavaScript exercises, projects, and notes as I master the core 20% of JavaScript that will allow me to build functional web applications.
This repository is dedicated to my JavaScript learning journey, where I document everything I learn, from basic syntax to advanced concepts. The goal is to build a strong foundation and create real-world applications using JavaScript by following an 80-20 rule-based roadmap.
- ✅ Week 1: JavaScript Basics (Variables, Data Types, Operators)
- ✅ Week 2: Functions & Control Flow (Conditionals, Loops, Scope)
- ✅ Week 3: Arrays & Objects (Manipulation, Iteration, Methods)
- ✅ Week 4: DOM Manipulation & Events (Selecting Elements, Event Listeners)
- ✅ Week 5: Asynchronous JavaScript (Promises, Async/Await, Fetch API)
- ✅ Week 6: ES6+ Features (Destructuring, Spread/Rest, Error Handling)
- ✅ Projects: Build 5 projects of increasing difficulty (To-Do List, Quiz App, Weather Dashboard, Expense Tracker, Chat App)
- JavaScript (ES6+)
- Node.js (for backend basics in Week 5)
- HTML & CSS (for frontend integration in DOM-related projects)
- Git & GitHub (for version control)
- Browser DevTools (for debugging)
📁 javascript-learning
│-- 📁 week-1 # Exercises for Week 1: Basics (Variables, Data Types, Operators)
│-- 📁 week-2 # Exercises for Week 2: Functions & Control Flow
│-- 📁 week-3 # Exercises for Week 3: Arrays & Objects
│-- 📁 week-4 # Exercises for Week 4: DOM Manipulation & Events
│-- 📁 week-5 # Exercises for Week 5: Asynchronous JavaScript & APIs
│-- 📁 week-6 # Exercises for Week 6: ES6+ Features & Debugging
│-- 📁 projects # Mini projects to apply concepts (To-Do List, Quiz App, etc.)
│-- 📁 notes # Summary of concepts & key learnings
│-- README.md # This documentation
- Clone the repository:
git clone https://github.com/yourusername/javascript-learning.git
- Navigate to the directory:
cd javascript-learning
- Explore different folders and files to follow along with the weekly exercises and projects.
🔹 Master the core 20% of JavaScript that enables building functional web applications
🔹 Complete 5 hands-on projects of increasing difficulty to reinforce learning
🔹 Learn best coding practices and debugging techniques
🔹 Gain confidence in working with APIs and asynchronous code
🔹 Transition to exploring JavaScript frameworks/libraries like React or Node.js
This is a personal learning repository, but if you have suggestions or improvements, feel free to open an issue or a pull request!
If you're also learning JavaScript, feel free to connect and share ideas!
- LinkedIn: abdullahansari
Happy coding! 🚀
- Aligned Topics Covered with the weekly structure of your roadmap.
- Added Weekly Folders (
week-1
,week-2
, etc.) to organize exercises based on the roadmap. - Updated Goals & Roadmap to reflect the focus on mastering core concepts and completing projects.
- Removed advanced topics like "Modules, Closures, Prototypes" since they are not part of your initial roadmap.
- Simplified the project structure to match the progression of your learning plan. https://www.youtube.com/playlist?list=PLZPZq0r_RZOO1zkgO4bIdfuLpizCeHYKv