[Belajar dengan VSCode] Dasar-dasar TypeScript #32 Service Worker di TypeScript

Video ini menjelaskan tentang Service Worker di TypeScript
Kami akan menjelaskan Service Worker di TypeScript, termasuk contoh praktis

✅ Berlangganan saluran di sini
https://youtube.com/channel?sub_confi...

📝 URL Blog
https://codesparklab.com/id/typescrip...

💡 Daftar Putar untuk seri ini
   • [Belajar dengan VSCode] Dasar-dasar TypeSc...  

🕐 Isi video
00:00 Mulai
00:31 Service Worker di TypeScript
00:54 - Menyiapkan TypeScript / `tsconfig.json` (Aktifkan tipe WebWorker)
02:02 - Kode Registrasi di Sisi Browser
02:12 - `register-sw.ts`
05:31 - Deklarasi Scope di `sw.ts`
06:31 - Service Worker Dasar (Install/Activate/Fetch)
06:48 - `sw.ts` (Pengaturan Minimal + Kerangka Cache)
08:47 - Gambaran Strategi Cache Praktis / `cache-first`
09:31 - `network-first`
10:15 - `stale-while-revalidate`
11:24 - Mengoptimalkan Alur Pembaruan (Notifikasi Pembaruan dan Reload Aman)
11:45 - Beritahu klien dari sisi `Service Worker` ketika versi baru sudah siap.
12:39 - Tampilkan UI pembaruan di klien, dan reload sesuai tindakan pengguna
13:32 - Offline Fallback
13:56 - Contoh Implementasi
14:49 - Komunikasi pesan antara klien dan `Service Worker`
15:20 - Contoh Kode
18:13 - Keuntungan Pesan Bertipe


#TypeScript #Dasar