JavaScript

Module 1: Introduction to JavaScript

• What is JavaScript?

• JavaScript vs. ECMAScript

• Setting up the development environment (Browser Console, Node.js, VS Code)

• Writing your first JavaScript program (console.log())

• Linking JavaScript to HTML (<script> tag)

Module 2: JavaScript Fundamentals

Variables & Data Types

• var, let, and const

• Primitive data types (string, number, boolean, null, undefined, symbol, BigInt)

• Dynamic typing & type coercion

Operators

• Arithmetic (+, -, *, /, %, **)

• Assignment (=, +=, -=)

• Comparison (==, ===, !=, !==, >, <)

• Logical (&&, ||, !)

• Ternary operator (? :)

Control Flow

• Conditional statements (if, else if, else)

• Switch statements

• Truthy & falsy values

Loops

• for loop

• while & do...while loops

• break & continue

• for...of & for...in loops

Module 3: Functions & Scope

• Function declarations vs. expressions

• Arrow functions (() => {})

• Parameters & arguments

• Default parameters

• Rest parameters (...args)

• Return statements

• Scope (global, function, block)

• Closures

• Immediately Invoked Function Expressions (IIFE)

Module 4: Arrays & Objects

Arrays

• Creating arrays

• Accessing & modifying elements

• Array methods (push, pop, shift, unshift, slice, splice)

• Iteration methods (forEach, map, filter, reduce, find, some, every)

• Spread operator (...)

Objects

• Object literals

• Accessing properties (dot notation vs. bracket notation)

• Object methods

• this keyword

• Object destructuring

• Optional chaining (?.)

Module 5: DOM Manipulation & Events

• What is the DOM?

• Selecting elements (getElementById, querySelector, querySelectorAll)

• Modifying elements (textContent, innerHTML, style)

• Creating & removing elements (createElement, appendChild, remove)

• Event listeners (addEventListener)

• Common events (click, submit, keydown, mouseover)

• Event propagation (bubbling & capturing)

• Event delegation

Module 6: Asynchronous JavaScript

• Callbacks & callback hell

• Promises (then, catch, finally)

• async/await

• Fetch API (GET, POST, PUT, DELETE)

• Error handling (try/catch)

• AJAX & XMLHttpRequest (legacy)

Module 7: Modern JavaScript (ES6+ Features)

• Template literals (`Hello ${name}`)

• Destructuring arrays & objects

• Default parameters

• Rest & spread operators

• Modules (import/export)

• Classes (class, constructor, extends, super)

• Map & Set

• Symbols & Iterators

Module 8: Advanced JavaScript Concepts

• Prototypes & Prototypal Inheritance

• call, apply, bind

• Hoisting

• Event Loop & Concurrency

• Web Storage (localStorage, sessionStorage)

• Web Workers (Multithreading)

• Debouncing & Throttling

Module 9: JavaScript in the Browser

• Browser APIs (setTimeout, setInterval)

• window & document objects

• Form handling & validation

• Working with cookies

• Canvas & SVG basics

Module 10: Testing & Debugging

• console methods (log, warn, error, table)

• Debugging with Chrome DevTools

• Unit testing (Jest, Mocha)

• Error handling strategies

Module 11: JavaScript Frameworks & Libraries (Overview)

• Introduction to React, Vue, Angular

• Node.js & Express (Backend JavaScript)

• npm & package management

Module 12: Projects & Best Practices

• Project 1: To-Do List App

• Project 2: Weather App (API Fetching)

• Project 3: Quiz Game

• Project 4: E-commerce Cart System

• Code organization & best practices

• Performance optimization