Rendering Teknikleri

Amacım ilk başta Rendering Örüntülerinden bahsetmek ve bu örüntüleri Framework’lerin nasıl ele aldığını ve kullandığını anlatmak,**

Sonrasında yapacağımız işe göre hangi tür Rendering Yöntemini tercih etmemiz gerektiği üzerinde duracağız.

Sonrasında daha teknik detaylar ve tarayıcının Rendering nasıl ele aldığı ayrıntılarını değerlendireceğiz.

İçerik İndeksi

1. Rendering Örüntüleri

2. Framework’ lerin Konumları

3. HTML Rendering Nerede Yapılmalı? Tarayıcı (CSR) veya Sunucu (SSR)

   • 3.1 Konuyu Örnekler İle Değerlendirelim
   • 3.2 Desktop Kullandığınız Araçların Web Aktarılmış Versiyonları
   • 3.3 Doküman İçerik Sayfaları
   • 3.4 Sosyal Medyalar
   • 3.5 Multimedia İçerik Sayfaları
   • 3.6 E-Ticaret Siteleri
   • 3.7 Form ve Girdi Ekranları Olan Web Uygulamaları

4. Uygulama Türleri

   • 4.1 Uygulama Türlerine Göre Önerilen Framework'ler
   • 4.2 Sonuç

5. Hibrid Rendering Yöntemler

   • 5.1 Hydration/Rehydration
   • 5.2 Resumability
   • 5.3 Island Architecture
   • 5.4 Progressive Enhancement Nedir?
   • 5.5 React ile Gelen Partial Hydration
   • 5.6 React Server Components

6. Tarayıcılar Örneğin Chrome Rendering Nasıl Gerçekleştiriyor?

   • 6.1 Rendering & JS Engine
   • 6.2 Ana Akış
   • 6.3 Parsing
   • 6.4 Style Calculation (Render Ağacı Oluşturma)
   • 6.5 Layout
   • 6.6 Paint
   • 6.7 Compositing

7. Referanslar

Devamı

Okumaya devam etmek için e-kitabı indir (Download) düğmesine basınız.