Browser Storage & Data — From Zero to Hero

คอร์ส browser storage & client-side data แบบ standalone ตั้งแต่ผู้เริ่มต้นจนถึงขั้นสูง localStorage, cookie, IndexedDB, Cache API, Worker และการแชร์ข้ามแท็บ ทุกตัวอย่างรันได้ในหน้าเลย

เริ่มที่นี่ ข้ามไปที่ Web Storage

สิ่งที่คุณจะได้เรียน

Intro: Storage Landscape

ตัวเลือกต่าง ๆ, same-origin policy, sync เทียบ async, quota & persistence เริ่ม →

localStorage & sessionStorage

Web Storage API, JSON, storage event, ข้อจำกัด เรียน →

document.cookie, attribute & SameSite, Cookie Store API เรียนรู้ →

IndexedDB Fundamentals

object store, versioning, transaction, CRUD จัดเก็บ →

IndexedDB Advanced

index, cursor & range, library idb, migration, blob เจาะลึก →

Cache API & Quota

Cache Storage, Storage Manager, eviction, Cache เทียบ IndexedDB แคช →

Web Workers & SharedWorker

งานนอก main thread, postMessage, transferable, shared service เธรด →

Cross-Tab & Files

BroadcastChannel, Web Locks, state ข้ามแท็บ, File System Access & OPFS ประสานงาน →

คอร์สนี้ทำงานยังไง

รันใน browser ของคุณ

runner แบบ same-origin รัน localStorage, IndexedDB, Cache, BroadcastChannel, Web Locks, OPFS และ Worker พร้อมผลลัพธ์จริง

ไดอะแกรมที่อธิบายชัด

decision tree ของ storage, โมเดล object store ของ IndexedDB และ flow ของ worker เป็นไดอะแกรม Mermaid

เลือกเครื่องมือให้ถูก

แนวทางชัดเจน cookie เทียบ Web Storage เทียบ IndexedDB เทียบ Cache เทียบ OPFS พร้อมเรื่อง quota และ persistence

สองภาษา + read mode

ภาษาอังกฤษและไทย, แบบทดสอบที่บันทึกความคืบหน้า และโหมดอ่านแบบไร้สิ่งรบกวน