Skip to content

ReadMe.md

Latest commit

 

History

History
211 lines (150 loc) · 3.3 KB

ReadMe.md

File metadata and controls

211 lines (150 loc) · 3.3 KB
Raw

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."