JavaScript Learning Journey

About

This repository documents my JavaScript learning journey—from the fundamentals of the language to advanced concepts, DOM manipulation, asynchronous programming, browser storage, and Object-Oriented Programming.

Each folder contains practice code, mini-projects, and experiments built while learning.

---

Learning Roadmap

1. JavaScript Fundamentals

• Variables (let, const, var)
• Data Types
• Type Conversion
• Operators
• Numbers & Math
• Strings & String Methods
• Dates & Time
• Stack vs Heap Memory

---

2. Functions & Scope

• Function Declaration
• Function Expression
• Arrow Functions
• Parameters & Arguments
• Return Statements
• Global Scope
• Block Scope
• Function Scope
• Hoisting

---

3. Execution Context

• this Keyword
• Arrow Function Context
• IIFE (Immediately Invoked Function Expression)
• Call Stack

---

4. Loops & Iteration

• for
• while
• do...while
• for...in
• for...of
• Loop Control (break, continue)

---

5. Array Methods

• map()
• filter()
• reduce()
• forEach()
• Chaining Methods

---

DOM Manipulation

DOM Basics

• Selecting Elements
• Traversing the DOM
• Modifying Content
• Styling Elements

Dynamic DOM

• Creating Elements
• Removing Elements
• Appending & Prepending
• Dynamic UI Updates

---

Events

Event Handling

• Click Events
• Keyboard Events
• Mouse Events
• Form Events

Advanced Events

• Event Bubbling
• Event Capturing
• Event Delegation
• Prevent Default
• Stop Propagation

Mini Projects

• Character Counter
• Strike-through Todo Design
• Interactive Event Examples

---

Forms & Validation

• Input Validation
• Form Submission
• Error Handling
• Required Fields
• Regular Expressions (Basics)

---

Timers

• setTimeout()
• setInterval()
• clearTimeout()
• clearInterval()

Project

• Download Simulation

---

Browser Storage

• Cookies
• Local Storage
• Session Storage

Project

• Theme Switcher using Local Storage

---

Advanced JavaScript

Closures & Lexical Scope

• Lexical Environment
• Closures
• Practical Use Cases

Object-Oriented JavaScript

• Objects
• Constructor Functions
• Classes
• Inheritance
• Prototypes
• Static Methods
• call()
• bind()
• Method Borrowing

---

Asynchronous JavaScript

• Promises
• then()
• catch()
• finally()
• fetch()
• Async API Calls
• try...catch

---

Repository Structure

JavaScript/
│
├── 1.basics/
├── 2.basics/
├── 3.basics/
├── 4.basics/
├── 5.basics/
├── 6.dom-1/
├── 7.dom-2/
├── 8.dom-events_1/
├── 9.dom-events_2/
├── 10.dom-events_3/
├── 11.forms & validation/
├── 12.timers_intervals/
├── 13.cookies-session,local storage/
├── 14.advance-1/
├── 15.advance-2/
└── README.md

"Build. Learn. Improve. Repeat."