Skip to content
jsworkbench.
[ JS ] A SPACE TO UNDERSTAND THE WEB, FROM JAVASCRIPT UP

Less memorizing.
More “oh, now I get it.”

See what the code is doing. Change it. Break it. Make it yours. Start with JavaScript, then carry it into HTML & CSS, React, Git, Node, authentication, and working with AI, one small breakthrough at a time.

No setupLearn at your pacePurpose-built examples
closures.htmlTry the step controls
LEXICAL ENVIRONMENTmakeCounter → next
makeCounter() scope
count = 0

Outer function is running

next()

Inner function

A new lexical environment is created for this invocation.

01 / 07Call makeCounter()

The outer function returns.
The variable stays with you.

126/

interactive lessons

15/

real-world projects

07/

learning tracks

A PATH, NOT A PILE OF TUTORIALS

Start where you are.

See all 7 tracks

HOW UNDERSTANDING STICKS

Read less passively.
Try more things.

/01

See the invisible

Step through a call stack. Follow a closure. Watch callbacks move between queues.

/02

Touch the code

Edit real examples and run them: browser code, Express routes, even a Git repository in the terminal.

/03

Make it click

Solve a focused challenge, use a hint, then check what you actually understood.

LEARN IT. THEN BUILD WITH IT.

Your next small project.

All 15 projects

FROM MANISH’S PRACTICE SETS

Original practice projects. Clear ideas you can bring to them.

The project sandboxes preserve the original practice code. Lessons teach each idea independently, then point you to an app where you can apply it.

Find your first lesson