JSInside
visual learning for JS beginners ✦

See what happens
inside JavaScript

For absolute beginners who want to truly understand execution contexts, call stacks, and what the runtime actually does — shown, not just told.

🧠Execution Context
📚Call Stack
⬆️Hoisting
🔄Event Loop

Built for deep understanding

Six angles on the runtime — each built to turn abstract behavior into something you can see and reason about.

  • Event Loop Visualizer

    Watch microtasks and macrotasks execute in real-time. See exactly when the render queue gets its turn.

  • JS Playground

    A sandboxed environment designed to break and inspect code structures.

  • Learn with Animations

    Complex concepts like Prototypal Inheritance explained through smooth, interactive motion graphics.

  • Real Runtime Internals

    Step into V8 engine logic. Visualize the Call Stack and Memory Heap as you execute line by line.

  • Call Stack & Scope

    Lexical environments, execution contexts, and how nested functions resolve variables at runtime.

  • Modules & Imports

    Live bindings, static analysis, and how the loader wires dependency graphs before your code runs.

Core concepts

Six short paths into the ideas that power modern JavaScript — each with a clear mental model.

  • Closures

    Lexical scope, captured variables, and why functions remember.

  • Promises

    Thenables, microtasks, and async sequencing in the runtime.

  • Hoisting

    Creation phase, declarations, and temporal dead zone behavior.

  • Prototypes

    The prototype chain, delegation, and object layout.

  • Event loop

    Macrotasks vs microtasks, rendering, and when your callbacks actually run.

  • Modules

    Static imports, live bindings, and how graphs resolve before boot.