JavaScriptTingkat: Lanjutan8 min
Service Workers, PWA Caching & Dukungan Offline
Transformasikan aplikasi web menjadi Progressive Web App (PWA) yang dapat beroperasi tanpa koneksi internet menggunakan Service Worker lifecycle dan Cache API.
Siklus Hidup Service Worker
Pratinjau TerbukaService Worker berjalan di latar belakang (background thread) terpisah dari halaman web. Ia bertindak sebagai proxy jaringan yang dapat mencegat request HTTP dan menyajikan aset dari cache lokal.
Contoh Kode Sintaks
// service-worker.js
const CACHE_NAME = 'codex-v1';
const ASSETS = ['/', '/index.html', '/style.css', '/app.js'];
// Tahap Install: Simpan aset penting ke Cache API
self.addEventListener('install', (event) => {
event.waitUntil(
caches.open(CACHE_NAME).then((cache) => cache.addAll(ASSETS))
);
});
// Tahap Fetch: Strategi Cache-First dengan Network Fallback
self.addEventListener('fetch', (event) => {
event.respondWith(
caches.match(event.request).then((cachedResponse) => {
return cachedResponse || fetch(event.request);
})
);
});Live Compiler Runner
Akses Kursus Wajib Login
Buka Akses Penuh Silabus & Praktikum
Masuk dengan akun GitHub, Google, atau Akses Cepat Developer untuk membuka seluruh materi mendalam, menjalankan compiler interaktif, mengerjakan kuis, dan menyimpan progres belajar Anda.
145+ Modul Lengkap•Tersimpan Otomatis•Sertifikat Kelulusan Resmi