Master JavaScript from the fundamentals to advanced concepts used in real-world frontend applications. Every lesson includes plain-English mental models, live in-browser code sandboxes, common mistake comparisons, and real interview questions.
The Engine of the Modern Web: History, ECMAScript, V8, and Runtime Environments
Declaration, Block Scope vs Function Scope, Hoisting, and Temporal Dead Zone (TDZ)
The 7 Primitives, Objects, Memory Stacks vs Heaps, and Type Coercion
Modern JS Operators: Nullish Coalescing (??), Optional Chaining (?.), Short-Circuiting, and Bitwise
Branching Logic, Ternary Operators, Fall-Through Pitfalls, and Lookup Tables
Iteration Strategies: for...of (Values) vs for...in (Keys), Array Iteration, and Performance
Function Declarations, Expressions, Arrow Function Lexical `this`, First-Class Functions, and Higher-Order Functions
Functional Array Processing: map, filter, reduce, find, some, every, slice, splice, and flatMap
Object Manipulation: Object.keys, Object.values, Object.entries, fromEntries, freeze, and seal
Lexical Environments, Scope Chains, Variable Resolution, and Shadowing
Lexical Environments, Data Privacy, Factory Functions, and Memoization Performance
Invocation Contexts: Default, Implicit, Explicit Binding (call/apply/bind), and Arrow Lexical `this`
Pattern Matching Extraction: Nested Destructuring, Aliasing, Defaults, and Function Parameters
Cloning, Merging, Variable Arguments, and Shallow Immutability
Module Systems: Named Exports, Default Exports, Static vs Dynamic imports, and Tree-Shaking
DOM Tree APIs: querySelector, createElement, cloneNode, classList, and DocumentFragment Batching
The 3 Phases of DOM Events: Capturing Phase, Target Phase, Bubbling Phase, and Passive Listeners
High-Performance Event Handling: Single Parent Listener, Dynamic Elements, and Event Matching
Non-Blocking I/O: Callback Hell, Inversion of Control, and Error-First Callbacks
Promise Lifecycle: States, Chaining, Error Propagation, Promise.all, allSettled, race, and any
Syntactic Sugar over Generators & Promises: Sequential vs Parallel, and try/catch Best Practices
Modern Network Requests: Request/Response, Headers, AbortController, and Error Handling
Engine Internals: Creation Phase vs Execution Phase, Variable Environments, and Stack Overflow
Concurrency Model: Call Stack, Web APIs, Microtask Queue (Promises), and Macrotask Queue (Timers)
Prototypal Model: Prototype Property vs `__proto__`, Object.create, and Memory Sharing
Class Syntax Under the Hood: extends, super, static, Private Fields (#), and Method Overriding
V8 Engine Internals: Mark-and-Sweep, Heap Allocation, Memory Leaks, and WeakRef / FinalizationRegistry
High-Frequency Event Rate Limiting: Search Inputs, Window Resize, Infinite Scroll, and Cancellation
Pausable Functions: function*, yield, next(), return, throw, and Asynchronous Generators
Custom Iteration: Symbol.iterator, Iterable Protocol, Iterator Protocol, and Custom Collections
True Parallelism: Dedicated Workers, postMessage, Transferable Objects, and OffscreenCanvas
V8 Engine Internals: Hidden Classes, Inline Caches (IC), De-optimizations, and Low-Latency Code