İçeriğe geç

Çalışma Planı

Ön Yüz Adım Adım

Tarayıcının bir sayfayı nasıl çizdiğinden başlıyoruz, sonra React'in nasıl düşündüğüne ve kullanıcıyla konuşan formlara geçiyoruz. Son hafta ağ ve performans. Günde iki kısa ders, haftada beş gün.

3 hafta 20 ders 60 dk / gün

Bir gün nasıl geçer

  1. 1 10 dk

    Tekrar kartları

    Vadesi gelen soruları çöz. Unutmaya başladığın yeri burası yakalar.

  2. 2 20 dk

    Birinci ders

    Özet, simülatör ve Checkpoint soruları. Derinleş bölümlerini şimdilik kapalı bırak.

  3. 3 5 dk

    Mola

    Ekrandan kalk. Beyin bu arada öğrendiğini yerine koyuyor.

  4. 4 20 dk

    İkinci ders

    Aynı sırayla. Bitince dersin sonundaki Kendini sına bölümünü çöz.

  5. 5 5 dk

    Derinleş (isteğe bağlı)

    Vakit kalırsa dünkü dersin kod örneğini aç ve dosyaları tek tek oku.

Haftada beş gün iki ders. Altıncı gün Pratik sayfasında 20 soruluk karışık bir alıştırma. Yedinci gün hafif gün: Tekrar sayfasında birkaç kart çözmek yeter, serin de korunur.

Bugün

Yolda sıradaki iki ders:

  1. 1TypeScript Tip Sistemi ve Daraltma10 dk
  2. 2JavaScript Olay Döngüsü — setTimeout(0) Neden Sonra Yazıyor?9 dk
Bugün vadesi gelen tekrar kartı yok.

  1. Hafta 1

    Tarayıcı ve JavaScript temeli

    Kod nerede ve hangi sırayla çalışıyor, sayfa ekrana nasıl çiziliyor? React'ten önce bunun üstüne basacağız.

    0/5 ders tamamlandı

    0
    1. SıradaTypeScript Tip Sistemi ve Daraltma10 dk
    2. SıradaJavaScript Olay Döngüsü — setTimeout(0) Neden Sonra Yazıyor?9 dk
    3. SıradaTarayıcı Nasıl Çizer — Animasyon Neden Takılıyor?9 dk
    4. SıradaFlexbox mı Grid mi — Telefonda Sayfa Neden Yana Kayıyor?9 dk
    5. SıradaErişilebilirlik Temelleri — Gözü Kapalı Para Gönderebilir misin?9 dk

  2. Hafta 2

    React ve kullanıcıyla konuşmak

    Bileşen ne zaman yeniden çizilir, state nerede yaşar, form hatayı ne zaman söyler?

    0/9 ders tamamlandı

    0
    1. SıradaReact Render Modeli10 dk
    2. SıradauseEffect — Bağımlılıklar ve Temizlik10 dk
    3. SıradaState Nerede Yaşamalı? — Bileşen, Üst Bileşen, Context, Cache, URL9 dk
    4. SıradaForm Gönderimi — Bir Tıkla İki Havale Nasıl Olur?8 dk
    5. SıradaForm Doğrulama — Hatayı Ne Zaman Göstermeli?9 dk
    6. SıradaXSS — Havale Açıklamasına Yazılan Kod Neden Müşterinin Sayfasında Çalışır?9 dk
    7. Sıradaİyimser Arayüz — Ne Zaman Hemen 'Tamam' Denir, Ne Zaman Beklenir?8 dk
    8. SıradaBileşen Testi — Sınıf Adı Değişti, Test Neden Kırıldı?8 dk
    9. SıradaAnında Arama — Müşteri "kira" Yazdı, Ekranda Neden "k" Sonuçları Var?8 dk

  3. Hafta 3

    Ağ ve performans

    Tarayıcı sunucuyla nasıl konuşur, sayfa ne zaman gerçekten hazır hissettirir?

    0/6 ders tamamlandı

    0
    1. SıradaCORS — Postman'de Çalışıyor, Tarayıcıda Neden Hata?9 dk
    2. SıradaCanlı Veri — Polling, SSE ve WebSocket9 dk
    3. SıradaCore Web Vitals — Sayfa Ne Zaman Gerçekten Hazır?9 dk
    4. SıradaTarayıcı Önbelleği — Yeni Sürümü Yayına Aldın, Müşteri Neden Hâlâ Eskisini Görüyor?9 dk
    5. SıradaKod Bölme — Giriş Ekranı Neden Grafik Kütüphanesini İndiriyor?8 dk
    6. SıradaÇevrimdışı Uygulama — Metroda Bağlantı Kopunca Ne Gösterilir?8 dk

Başka bir yol

Adım Adım Backend

Java'dan mikroservise, günde iki küçük adım

Üretimde Ayakta Kalmak

Yük gelince, bir şey bozulunca, yeni sürüm çıkarken servisi ayakta tutmak

Veriyle Barışmak

Tablodan Hibernate'e: veri nerede durur, nasıl okunur, neden bazen şaşırtır

Güvenle Değiştirmek

Testten yayına: kodu değiştirirken içinin rahat olması

Yapay Zekâyla Kod Yazmak

Asistanı kullanmayı değil, ona güvenmenin sınırını öğrenmek

Derin Sular

Temeli bitirdin mi? JVM'in, Spring'in ve servisler arası konuşmanın derinleri

Para ve Piyasa

Bir emrin borsaya gidip geri dönüşü, adım adım