Back to all courses

Module 1: JavaScript Fundamentals

• 1.1: Introduction to JavaScript & Setup

  • What is JavaScript? (History, role in web)
  • Where JavaScript Runs (Browser vs. Node.js)
  • Your In-Browser Workspace & Developer Tools
  • console.log and Your First Script

• 1.2: Variables & Data Types

  • var, let, const
  • Primitives: String, Number, Boolean, null, undefined, Symbol, BigInt
  • Objects (intro)
  • Type coercion & typeof

• 1.3: Operators

  • Arithmetic: +, -, *, /, %, **
  • Assignment: =, +=, -=
  • Comparison: ==, ===, !=, !==, <, >, <=, >=
  • Logical: &&, ||, !
  • Unary: ++, --
  • Ternary: condition ? a : b
  • Precedence overview

• 1.4: Conditions & Control Flow

  • if / else if / else
  • switch
  • Loops: for, while, do…while
  • break & continue

Module 2: Intermediate JavaScript Concepts

• 2.1: Functions & Scope

  • Declarations, expressions, arrow functions
  • Params & return values
  • Global vs. function vs. block scope
  • Closures (intro)
  • IIFEs

• 2.2: Objects & Arrays

  • Objects: literals, dot/bracket notation, adding/removing props, this, destructuring, spread/rest
  • Arrays: literals, indexing, push/pop/shift/unshift/splice
  • Iteration: for, forEach, map, filter, reduce
  • Common methods: find, some, every, sort, slice
  • Destructuring, spread/rest

• 2.3: Higher-Order Functions & Callbacks

  • Functions as first-class
  • HOFs & callback patterns
  • setTimeout, setInterval

• 2.4: Error Handling

  • try / catch / finally
  • Throwing custom errors
  • Debugging techniques

Module 3: Working with the Browser (DOM & Events)

• 3.1: Introduction to the DOM

  • DOM tree, nodes, elements
  • Selectors: getElement…, querySelector(All)
  • Traversal: parentNode, children, sibling props

• 3.2: DOM Manipulation

  • textContent, innerHTML
  • Attributes: getAttribute / setAttribute
  • Styles & classList
  • Creating/inserting/removing elements

• 3.3: Events & Event Handling

  • addEventListener
  • Common events: click, input, submit, etc.
  • Event object: preventDefault, stopPropagation
  • Event delegation

Module 4: Asynchronous JavaScript & Modern Features

• 4.1: Callbacks & Promises

  • Sync vs. async
  • Callback hell & Promises (then/catch/finally)
  • Chaining, fetch API

• 4.2: Async/Await

  • async functions & await
  • Error handling with try/catch
  • Promise.all()

• 4.3: ES Modules

  • import / export syntax
  • Default vs. named exports
  • Bundlers (Webpack/Vite brief)

• 4.4: Web Storage API

  • localStorage vs. sessionStorage
  • setItem, getItem, removeItem, clear

• 4.5: Key ES6+ Features

  • Template literals
  • Default params
  • Classes (intro)
  • Optional chaining (?.) & nullish coalescing (??)