Learning pathjavascripttypescriptdebugging
JavaScript Debugger Path
Master async behavior, browser storage, fetch reliability, TypeScript boundaries, and UI failure analysis.
Path reward
Bug Slayer
Frontend and full-stack engineers who want sharper runtime instincts.
Demo progress: start the first mission to begin tracking.
Runtime reader
Predict event-loop and data-flow behavior. Required clears: 2.
Boundary shaper
Turn unknown input into typed, safe state. Required clears: 5.
Failure hunter
Debug the leak, retry, or stale state fast. Required clears: 8.
Mission chain
Step 1
Warm up with event loop trace
Easy JavaScript arena: microtasks, macrotasks, async/await, and render timing
Step 2
Warm up with nested array transform
Easy JavaScript arena: map, filter, reduce, grouping, and immutable updates
Step 3
Warm up with unknown payload narrowing
Easy TypeScript arena: unknown, type guards, narrowing, and runtime validation boundaries
Step 4
Stabilize fetch retry client
Medium JavaScript arena: fetch, AbortController, retries, backoff, and error envelopes
Step 5
Stabilize discriminated union reducer
Medium TypeScript arena: tagged unions, exhaustive checks, and reducer safety
Step 6
Harden memory leak hunt
Hard Debugging arena: retained references, event listeners, and heap snapshots
Step 7
Rescue promise pool executor
Extreme JavaScript arena: Promises, concurrency limits, ordering, and rejection handling
Step 8
Master API contract client
Insane TypeScript arena: typed endpoints, template literal types, and response inference