Tarayıcı API’leri: işçiler, çevrimdışı çalışma, gerçek zaman
Web Worker, Service Worker, IndexedDB, WebSocket, Server-Sent Events ve Web Crypto gibi tarayıcı API’leriyle çevrimdışı çalışan ve anlık güncellenen uygulamalar yazarsın.
Seviye 401 · 15 ders · 12 pratik lab
Dersler
Arka planda iş
- Web Worker ile ağır hesap
- Aktarılabilir nesneler ve paylaşılan bellek
- Sekmeler arası iletişim: BroadcastChannel
- Kısa görev: görselleri işçide küçült
Çevrimdışı ve depolama
- Service Worker yaşam döngüsü
- Çevrimdışı önbellek stratejileri
- IndexedDB ile yapılandırılmış veri
- Depolama kotası ve kalıcı depolama
- Uygulama bildirimi ve kurulabilir uygulama
- Kısa görev: çevrimdışı çalışan not uygulaması
Gerçek zaman ve güvenlik
- WebSocket ile çift yönlü bağlantı
- Server-Sent Events ile sunucudan akış
- Web Crypto ile özet ve şifreleme
- İzinler, IntersectionObserver ve ResizeObserver
- Bitirme görevi: çevrimdışı da çalışan canlı bir saha uygulaması
Pratik lablar
- Ağır hesabı Web Worker'a taşı: Asal sayı arayan ve arayüzü donduran bir hesabı Web Worker'a taşıyıp sayfanın tepkisini koru.
- Sekmeler arasında çıkışı eşitle: Bir sekmede çıkış yapılınca açık diğer sekmeleri de BroadcastChannel ile çıkışa yönlendir.
- Büyük veriyi kopyalamadan aktar: Bir ses dosyasının ArrayBuffer'ını worker'a transferable olarak gönderip kopyalamayla süre farkını ölç.
- Çevrimdışı yedek sayfa göster: Ağ kesilince tarayıcı hata ekranı yerine önbellekteki özel bir çevrimdışı sayfa gösteren service worker yaz.
- Eski kalan service worker'ı güncelle: Yeni sürüm yayınlansa da kullanıcılara eski dosyaları sunan service worker'ın güncelleme akışını düzelt.
- Önbellek stratejilerini birlikte kur: Uygulama kabuğu için önce önbellek, API için önce ağ, görseller için eskiyi sunup yenile stratejisini birlikte kur.
- Notları IndexedDB'ye kaydet: Sayfa yenilenince kaybolan notları IndexedDB nesne deposunda saklayıp geri yükle.
- IndexedDB şemasını kayıp olmadan yükselt: Mevcut kayıtları kaybetmeden şemaya yeni bir indeks ekleyen sürüm yükseltmesi yaz.
- Saha formunu kurulabilir yap: Manifest, simgeler ve service worker ile bir saha formunu kurulabilir yap, depolama kotasını ve kalıcılığı kontrol et.
- Canlı skoru SSE ile göster: Lab sunucusunun yayınladığı maç skorlarını Server-Sent Events ile sayfaya canlı yansıt.
- Kopan WebSocket'i yeniden bağla: Sunucu yeniden başlayınca kopan sohbet bağlantısını artan beklemeyle yeniden kuran ve kaçan mesajları isteyen kodu yaz.
- Dosyayı tarayıcıda şifrele: Web Crypto ile paroladan anahtar türetip bir dosyayı AES-GCM ile şifrele ve geri çöz.
Kurs hakkında
Web Worker, Service Worker, IndexedDB, WebSocket, Server-Sent Events ve Web Crypto gibi tarayıcı API’leriyle çevrimdışı çalışan ve anlık güncellenen uygulamalar yazarsın.
Ne öğreneceksin
- Arka planda iş
- Çevrimdışı ve depolama
- Gerçek zaman ve güvenlik
Ön koşullar
Aynı yolun 301 düzeyine kadar olan konularını uygulamış olmalısın.
Lab ortamı
Dersler, tarayıcında açılan sana özel bir Kali Linux masaüstünde geçer; araçlar pencereli arayüzleriyle hazırdır. Kurulum gerekmez, bilgisayar ekranı önerilir.
Sık sorulan sorular
- Bu kurs benim düzeyime uygun mu?
- Kurs 401 düzeyindedir; daha düşük düzeydeki kursların konularını bildiğin varsayılır.
- Kurulum gerekir mi?
- Hayır. Her ders tarayıcında açılan sana özel bir lab ortamında geçer.
- Dersler nasıl işleniyor?
- Her ders 8 ile 10 adımdan ve bir kısa sınavdan oluşur. İlk adımlarda yazman gereken komut gösterilir, sonraki adımlarda yardım azalır; iki denemede takılırsan çözüm açılır.
- Ücretsiz deneyebilir miyim?
- Evet. Her kursun ilk üç dersi ücretsizdir.