İleri8 hafta9 bölüm · 48 ders · 9 ödev
JavaScript İleri Seviye
Motorun içinden üretim disiplinine: V8'in derleme hattı ve bellek modeli, olay döngüsünün tam anatomisi, Proxy ile meta-programlama, Worker ve paylaşımlı bellek, değişmez mimari, tarayıcı platformunun derinliği, performans mühendisliği ve güvenlik. Her bölümde bir tekniği ne zaman kullanmayacağını da öğreniyorsun.
Müfredat
Kaynaktan makine koduna: V8'in boru hattı30 dk
Gizli sınıflar ve satır içi önbellek30 dk
Çöp toplama: nesiller, artımlı işaretleme ve duraklamalar28 dk
Bellek profilleme ve sızıntı avı28 dk
Tipli diziler, ArrayBuffer ve ikili veri28 dk
Bölüm ödevi: ikili biçim ayrıştırıcı ve profil raporu50 dk
İkili biçim ayrıştırıcı ve profil raporuödev
V8 — Gizli sınıflar ve satır içi önbellekbağlantı
MDN — JavaScript tipli dizilerbağlantı
Chrome DevTools — Bellek sorunlarını çözmekbağlantı
Bir turun tam anatomisi30 dk
Kare bütçesi, jank ve animasyon28 dk
Uzun görevleri bölmek: yield, scheduler ve boş zaman28 dk
Etkileşim gecikmesi ve INP26 dk
Bölüm ödevi: kare bütçeli iş planlayıcı50 dk
Kare bütçeli iş planlayıcıödev
MDN — Olay döngüsübağlantı
web.dev — INP'yi optimize etmekbağlantı
MDN — Scheduler APIbağlantı
Proxy: nesnenin temel işlemlerini yakalamak30 dk
Reflect ve alıcı doğruluğu26 dk
Sıfırdan tepkisel sistem32 dk
Doğrulama, gözlem ve sanal nesneler26 dk
Meta-programlamanın bedeli ve sınırları24 dk
Bölüm ödevi: tepkisel durum kütüphanesi50 dk
Tepkisel durum kütüphanesiödev
MDN — Proxybağlantı
MDN — Reflectbağlantı
Vue — Tepkisellik derinlemesinebağlantı
Web Worker: ikinci iş parçacığı28 dk
Aktarım, OffscreenCanvas ve RPC katmanı28 dk
SharedArrayBuffer ve Atomics30 dk
Worker havuzu ve iş dağıtımı28 dk
Bölüm ödevi: paralel görüntü işleyici50 dk
Paralel görüntü işleyiciödev
MDN — Web Worker kullanmakbağlantı
MDN — Atomicsbağlantı
Node — worker_threadsbağlantı
Yapısal paylaşım ve kalıcı veri yapıları30 dk
Durum makineleri ve olay güdümlü modelleme30 dk
Olay kaynaklı düşünmek: eylem, azaltıcı ve geçmiş28 dk
Modül sınırları, bağımlılık yönü ve eklenti mimarisi28 dk
API tasarımı, sürümleme ve eskitme26 dk
Bölüm ödevi: olay kaynaklı işbirlikli liste55 dk
Olay kaynaklı işbirlikli listeödev
MDN — Object.is ve değer eşitliğibağlantı
Immer — Nasıl çalışırbağlantı
Semantik Sürümlemebağlantı
Streams API: akan veriyi işlemek30 dk
Gözlemciler: Intersection, Mutation, Resize, Performance28 dk
Web Components ve Shadow DOM30 dk
Service Worker, önbellek ve çevrimdışı30 dk
Bölüm ödevi: çevrimdışı çalışan okuma listesi50 dk
Çevrimdışı çalışan okuma listesiödev
MDN — Streams APIbağlantı
MDN — Web Componentsbağlantı
web.dev — Service Worker yaşam döngüsübağlantı
Metrikler: neyi ölçtüğünü bilmek28 dk
Yükleme performansı: kritik yol30 dk
Çalışma zamanı performansı ve profil okuma30 dk
Ağ, önbellek ve veri katmanı28 dk
Bölüm ödevi: performans denetimi ve iyileştirme55 dk
Performans denetimi ve iyileştirmeödev
web.dev — Core Web Vitalsbağlantı
MDN — Performance APIbağlantı
Chrome DevTools — Performans analizibağlantı
XSS: kaynaklar, akışlar ve gerçek savunma30 dk
CSP, izolasyon ve tarayıcı güvenlik başlıkları28 dk
Kimlik doğrulama, oturum ve CSRF28 dk
Prototip kirlenmesi, girdi doğrulama ve tedarik zinciri28 dk
Bölüm ödevi: güvenlik denetimi ve sertleştirme50 dk
Güvenlik denetimi ve sertleştirmeödev
OWASP — Top 10bağlantı
MDN — İçerik Güvenlik Politikasıbağlantı
OWASP — Cheat Sheet Seriesbağlantı
Gözlemlenebilirlik: günlük, metrik ve iz28 dk
Sürüm çıkarma, özellik bayrakları ve geri alma26 dk
Kod tabanını yaşatmak: yeniden düzenleme ve teknik borç26 dk
Buradan sonra nereye22 dk
Bitirme projesi: gerçek zamanlı veri panosu60 dk
Bitirme projesi: gerçek zamanlı veri panosuödev
Google SRE — Monitoring Distributed Systemsbağlantı
OpenTelemetry — JavaScriptbağlantı
TC39 — ECMAScript spesifikasyonubağlantı
V8 blogbağlantı
DersÖdevKaynak