Intro: Storage Landscape
The options, the same-origin policy, sync vs async, quota & persistence. Start →
Browser Storage & Data — From Zero to Hero
A standalone, beginner→advanced course on browser storage & client-side data. localStorage, cookies, IndexedDB, the Cache API, Workers, and cross-tab sharing — every example runs right in the page.
What you’ll learn
Section titled “What you’ll learn”localStorage & sessionStorage
The Web Storage API, JSON, the storage event, limits. Learn →
Cookies
document.cookie, attributes & SameSite, the Cookie Store API. Bake →
IndexedDB Fundamentals
Object stores, versioning, transactions, CRUD. Store →
IndexedDB Advanced
Indexes, cursors & ranges, the idb library, migrations, blobs. Go deeper →
Cache API & Quota
Cache Storage, the Storage Manager, eviction, Cache vs IndexedDB. Cache →
Web Workers & SharedWorker
Off-main-thread work, postMessage, transferables, a shared service. Thread →
Cross-Tab & Files
BroadcastChannel, Web Locks, cross-tab state, File System Access & OPFS. Coordinate →
How this course works
Section titled “How this course works”Runs in your browser
A same-origin runner executes localStorage, IndexedDB, Cache, BroadcastChannel, Web Locks, OPFS, and Workers — with real output.
Diagrams that explain
Storage decision trees, the IndexedDB object-store model, and worker message flow as Mermaid diagrams.
Pick the right tool
Clear guidance on cookies vs Web Storage vs IndexedDB vs Cache vs OPFS, with quotas and persistence.
Bilingual + read mode
English and ไทย, quizzes with saved progress, and a distraction-free read mode.