docs/beyond/getting-started/overview.mdx
You've learned the fundamentals. Now it's time to go deeper.
Beyond 33 is an advanced extension of the original 33 JavaScript Concepts. These 29 additional concepts cover topics that experienced developers encounter in real-world applications — from memory management to browser APIs, from metaprogramming with Proxies to performance optimization patterns.
<Info> **Prerequisites:** Before diving into Beyond 33, make sure you're comfortable with the [original 33 concepts](/getting-started/about). These advanced topics build directly on that foundation. </Info>Beyond 33 is organized into 9 categories:
<CardGroup cols={2}> <Card title="Language Mechanics" icon="gear" href="/beyond/concepts/hoisting"> Hoisting, Temporal Dead Zone, Strict Mode </Card> <Card title="Type System" icon="code" href="/beyond/concepts/javascript-type-nuances"> Advanced type behavior, null vs undefined, Symbols, BigInt </Card> <Card title="Objects & Properties" icon="cube" href="/beyond/concepts/property-descriptors"> Property descriptors, getters/setters, Proxy, Reflect, WeakMap/WeakSet </Card> <Card title="Memory & Performance" icon="bolt" href="/beyond/concepts/memory-management"> Memory management, garbage collection, debouncing, throttling, memoization </Card> <Card title="Modern Syntax" icon="wand-magic-sparkles" href="/beyond/concepts/tagged-template-literals"> Tagged template literals, computed property names </Card> <Card title="Browser Storage" icon="database" href="/beyond/concepts/localstorage-sessionstorage"> localStorage, sessionStorage, IndexedDB, Cookies </Card> <Card title="Events" icon="bell" href="/beyond/concepts/event-bubbling-capturing"> Event bubbling/capturing, delegation, custom events </Card> <Card title="Observer APIs" icon="eye" href="/beyond/concepts/intersection-observer"> Intersection, Mutation, Resize, and Performance observers </Card> </CardGroup> <Card title="Data Handling" icon="file-code" href="/beyond/concepts/json-deep-dive"> JSON deep dive, Typed Arrays, Blob/File API, requestAnimationFrame </Card>| If you are... | Beyond 33 will help you... |
|---|---|
| A mid-level developer | Fill knowledge gaps and understand how JavaScript really works under the hood |
| Preparing for senior interviews | Master advanced topics that interviewers love to ask about |
| Building complex applications | Learn patterns for performance, memory management, and browser APIs |
| A curious developer | Explore the deeper parts of JavaScript you've always wondered about |
| # | Concept | Description |
|---|---|---|
| 34 | Hoisting | How JavaScript hoists variable and function declarations |
| 35 | Temporal Dead Zone | Why accessing let/const before declaration throws errors |
| 36 | Strict Mode | How 'use strict' catches common mistakes |
| # | Concept | Description |
|---|---|---|
| 37 | JavaScript Type Nuances | null vs undefined, short-circuit evaluation, typeof quirks, Symbols, BigInt |
| # | Concept | Description |
|---|---|---|
| 38 | Property Descriptors | writable, enumerable, configurable attributes |
| 39 | Getters & Setters | Computed properties with get and set |
| 40 | Object Methods | Object.keys(), values(), entries(), freeze(), seal() |
| 41 | Proxy & Reflect | Intercept object operations for metaprogramming |
| 42 | WeakMap & WeakSet | Weak references and automatic garbage collection |
| # | Concept | Description |
|---|---|---|
| 43 | Memory Management | Memory lifecycle, stack vs heap, memory leaks |
| 44 | Garbage Collection | Mark-and-sweep, generational GC, writing efficient code |
| 45 | Debouncing & Throttling | Optimize event handlers and reduce API calls |
| 46 | Memoization | Cache function results for performance |
| # | Concept | Description |
|---|---|---|
| 47 | Tagged Template Literals | Custom string processing and DSLs |
| 48 | Computed Property Names | Dynamic keys in object literals |
| # | Concept | Description |
|---|---|---|
| 49 | localStorage & sessionStorage | Web Storage APIs for client-side data |
| 50 | IndexedDB | Large-scale structured client-side storage |
| 51 | Cookies | Read, write, and secure cookie handling |
| # | Concept | Description |
|---|---|---|
| 52 | Event Bubbling & Capturing | The three phases of event propagation |
| 53 | Event Delegation | Handle events efficiently with bubbling |
| 54 | Custom Events | Create and dispatch your own events |
| # | Concept | Description |
|---|---|---|
| 55 | Intersection Observer | Detect element visibility for lazy loading |
| 56 | Mutation Observer | Watch DOM changes in real-time |
| 57 | Resize Observer | Respond to element size changes |
| 58 | Performance Observer | Measure page performance and Core Web Vitals |
| # | Concept | Description |
|---|---|---|
| 59 | JSON Deep Dive | Replacers, revivers, circular references, custom toJSON |
| 60 | Typed Arrays & ArrayBuffers | Binary data handling for WebGL and file processing |
| 61 | Blob & File API | Create, read, and manipulate binary data |
| 62 | requestAnimationFrame | Smooth 60fps animations synced with browser repaint |