Скачать или смотреть [เรียนรู้ด้วย VSCode] พื้นฐาน TypeScript #32 Service Worker ใน TypeScript

วิดีโอนี้อธิบายเกี่ยวกับ Service Worker ใน TypeScript
เราจะอธิบายเกี่ยวกับ Service Worker ใน TypeScript พร้อมตัวอย่างที่ใช้งานได้จริง

✅ สมัครรับข้อมูลช่องได้ที่นี่
https://youtube.com/channel?sub_confi...

📝 URL ของบล็อก
https://codesparklab.com/th/typescrip...

💡 รายการเล่นสำหรับซีรีส์นี้
   • [เรียนรู้ด้วย VSCode] พื้นฐาน TypeScript  

🕐 เนื้อหาวิดีโอ
00:00 เริ่มต้น
00:31 Service Worker ใน TypeScript
00:54 - ตั้งค่า TypeScript / `tsconfig.json` (เปิดใช้งานชนิด WebWorker)
02:02 - โค้ดสำหรับลงทะเบียนบนฝั่งเบราว์เซอร์
02:12 - `register-sw.ts`
05:31 - การประกาศ Scope ใน `sw.ts`
06:31 - Service Worker พื้นฐาน (Install/Activate/Fetch)
06:48 - `sw.ts` (โครงสร้างขั้นต้น + ตัวอย่างโครง Cache)
08:47 - ภาพรวมกลยุทธ์ Cache ที่ใช้งานจริง / `cache-first`
09:31 - `network-first`
10:15 - `stale-while-revalidate`
11:24 - การปรับปรุงขั้นตอนการอัปเดต (แจ้งเตือนอัปเดตและรีโหลดอย่างปลอดภัย)
11:45 - แจ้งเตือนฝั่ง client จากฝั่ง `Service Worker` เมื่อเวอร์ชันใหม่พร้อมใช้งาน
12:39 - แสดง UI แจ้งเตือนการอัปเดตที่ฝั่ง client และรีโหลดเมื่อผู้ใช้ดำเนินการ
13:32 - Fallback ขณะออฟไลน์
13:56 - ตัวอย่างการนำไปใช้
14:49 - การสื่อสารข้อความระหว่าง client และ `Service Worker`
15:20 - ตัวอย่างโค้ด
18:13 - ข้อดีของการสื่อสารแบบกำหนดชนิดข้อมูล


#TypeScript #พื้นฐาน