JavaScript Learning Journey

A repo tracking my JavaScript learning, from the fundamentals through DOM, events, async/fetch, and into small projects.

📖 About

Each numbered folder is one "topic day", a focused session on one part of JS, with code files, a practice file, and notes. Once the core topics were done, I moved on to small projects that combine everything.

📅 Topic Progress

Day	Topic	Status
01	Variables, Data Types & Operators	✅
02	Control Flow (if-else, switch, loops)	✅
03	Functions, Arrow Functions & Scope	✅
04	Arrays & Array Methods	✅
05	Objects, Destructuring & Spread	✅
06	DOM Basics & Manipulation	✅
07	Events & Event Delegation	✅
08	Async JS (Callbacks, Promises, async/await)	✅
09	Fetch API (GET/POST/PUT/DELETE)	✅
10	Mini Projects (clock, quote generator, char counter)	✅

10/10 core topics complete.

🛠 Projects

Project	Description	Status
Calculator	Basic calculator with keyboard support	✅
Stopwatch	Start/pause/reset stopwatch with lap tracking	✅
To-Do App	Add/remove/filter tasks, saved with localStorage, styled with Bootstrap	✅
Weather App	Live weather using a public API	⬜
Quiz App	Multiple choice quiz with score tracking	⬜

📂 Structure

js-learning/
├── 01-introduction/
├── 02-control-flow/
├── 03-functions/
├── 04-arrays/
├── 05-objects/
├── 06-dom/
├── 07-events/
├── 08-async-js/
├── 09-api-fetch/
├── 10-mini-projects/
│   ├── digital-clock/
│   ├── random-quote-generator/
│   └── character-counter/
└── projects/
    ├── calculator/
    ├── stopwatch/
    ├── todo-app/
    ├── weather-app/      (coming up)
    └── quiz-app/         (coming up)

Each topic folder has:

• one or more .js files covering that topic, with comments/notes inline
• a practice.js with solved practice questions
• a notes.md summarizing the topic, what was confusing, and what still needs revisiting

Each project folder has an index.html, a script.js, and a notes.md covering how it was built and what actually went wrong along the way. Some use plain CSS, some (like the to-do app) use Bootstrap.

🎯 Goal

Build a solid JavaScript foundation, then move on to React and full stack development.

📌 How I'm learning

One topic at a time, with notes on what clicked and what didn't, so there's something to come back to later instead of forgetting it all in a week.

---

⭐ Feel free to fork this if you're learning JS too.