React Uzmanlığı: Next.js ile Modern Web Uygulamaları Geliştirme
Web geliştirme dünyasında yepyeni bir döneme hazır olun! Bu eğitimle birlikte Next.js ile modern, dinamik ve etkileşimli kullanıcı arayüzleri oluşturmayı öğrenecek, gerçek projeler üzerinde pratik yapma fırsatı yakalayacaksınız!
Çağlayan Yanıkoğlu
Takım Lideri, Kıdemli Yazılım Uzmanı
Jotform
Kurs hakkında:
- TARIH:
24 Ağustos -
5 Ekim 2024 - SÜRE:
7 Hafta /
14 Ders
En popüler frontend programlama diline hakim olmanın yanı sıra, analitik ve deployment süreçlerini kolaylaştıran Vercel, web uygulamalarını izleme aracı olan Sentry ve React tabanlı bir çerçeve olan Next.js ile bilginizi derinleştireceksiniz!
Next.js ile bileşen tabanlı geliştirmenin püf noktalarını öğrenecek, frontend geliştirme becerilerinizi ileri taşıyıp bu alanda uzmanlık elde edeceksiniz!
Aşağıdaki kişilere kursu öneririz:
Kursta aşağıdaki konuları analiz edeceğiz:
-
01
NEXT.JS ILE ROUTING
Rotaları nasıl oluşturacağınızı, sayfalar, dizilimler ve şablonların ne olduğunu ve Metadata API'nin nasıl kullanılacağını öğreneceksiniz.
-
02
UI YÜKLEME VE HATA YAKALAMA
Anında yükleme durumları, streaming ve çeşitleri, durum kodları ve hata yakalamanın nasıl yapılacağı gibi konuları detaylı olarak ele alacaksınız.
-
03
NEXT.JS ILE VERI ÇEKME
Hem sunucu hem de istemci tarafından veri çekmek için çeşitli yöntemleri öğrenecek, bu sayede web sitelerinin doğru ve güncel verilerle doldurulmasını sağlayacaksınız.
Eğitmen
Çağlayan Yanıkoğlu
Takım Lideri, Kıdemli Yazılım Uzmanı
Jotform
-
Frontend geliştirme alanında yaklaşık 10 yıllık deneyime sahip, liderlik ve mentorluk yetenekleriyle öne çıkan, yenilikçi ve sonuç odaklı bir yazılım profesyonelidir.
-
Şu anda Jotform firmasında Team Lead / Senior Frontend Developer olarak görev yapmaktadır.
-
Eğitmenlik ve danışmanlık hizmetleri sunarak bilgi ve deneyimini paylaşmakta, aynı zamanda kurucusu olduğu SıfırdanBire topluluğunda mentor yetiştirmektedir.
-
Frontend teknolojileri üzerine ileri düzey makalelerini Medium platformunda yayınlamaktadır.
MÜFREDAT
-
01 Ders
React
- React kurulumu
- React bileşenleri
- React ile rendering
- React events
- React states
- React ile Next.js ilişkisi
-
02 Ders
Next.js ile Routing
- Routing (Yönlendirme)
- Next.js App Router
- Next.js Pages Router
- App Router ile Pages Router farkları
- Rotaları oluşturma
- Sayfalar, dizilimler ve şablonlar
- Metadata API
-
03 Ders
Link Verme ve Navigasyon
- <Link> bileşeninin özellikleri ve kullanımı
- Redirect fonksiyonu
- History API
- Routing ve navigasyon teknikleri
- Prefetching
- Caching
- Partial Rendering
- Soft Navigation
- İleri geri navigasyon
-
04 Ders
UI Yükleme ve Hata Yakalama
- Instant loading durumları
- Streaming ve çeşitleri
- Durum kodları
- Error.js özellikleri ve error recovery
- Hata Yakalama
-
05 Ders
Rota Grupları ve Çeşitleri
- Rota grupları
- Projenin organizasyonu
- Dinamik rotalar
- Paralel rotalar
- Kesişen rotalar
- Route handlers
- Dinamik fonksiyonlar (cookies, headers)
-
06 Ders
Next.js ile Veri Çekme
- Sunucudan veri çekme
- Veriyi önbelleğe alma
- Veriyi yeniden doğrulama
- Süre tabanlı yeniden doğrulama
- İsteğe bağlı yeniden doğrulama
- Üçüncü parti kütüphaneleri kullanarak sunucudan veri çekme
- Rota yönlendiricileri kullanarak istemciden veri çekme
- Üçüncü parti kütüphaneleri kullanarak istemciden veri çekme
-
07 Ders
Sunucu Aksiyonları ve Mutasyonlar
- Sunucu aksiyonları ve bileşenleri
- İstemci bileşenleri ve özellikleri
- Forms
- Event handlers
- Hata yakalama, yeniden doğrulama, yeniden yönlendirme ve çerezler
- Kimlik doğrulama ve yetkilendirme
- Kapatmalar (closures) ve şifreleme
- En iyi veri çekme pratikleri ve patternleri
-
08 Ders
RENDERING
- Render environments
- İstek-cevap yaşam döngüsü
- Ağ sınırı (network boundry)
- Server rendering avantajları ve özellikleri
- Server rendering stratejileri (statik, dinamik, streaming)
- Client rendering avantajları ve özellikleri
- Sunucu ve istemci için composition patterns
- Node.js runtime ve Edge runtime
-
09 Ders
NEXT.JS ILE STYLING
- CSS modülleri
- Tailwind CSS kurulumu ve konfigürasyonu
- Tailwind CSS içe aktarma ayarları
- Sass konfigürasyonu
- JavaScript üzerinde CSS konfigürasyonu
-
10 Ders
Next.js ile Optimizasyon
- Görsel optimizasyonu (yerel görseller, uzak görseller)
- Görsel boyutu
- Stil
- Video optimizasyonu (<video>, <iframe>)
- Video embedding (self-hosted, external)
- Altyazı ekleme
- Yazı tipi optimizasyonu
- Google Fonts
- Yerel yazı tipleri
-
11 Ders
Next.js ile İleri Seviye Optimizasyon
- Metadata optimizasyonu (statik, dinamik, dosya tabanlı)
- Dinamik görsel oluşturma
- Script optimizasyonu (layout, application)
- Bundle Analyzer
- Lazy loading
- Code splitting
- Bellek kullanımı optimizasyonu
-
12 Ders
Vercel Analytics Entegrasyonu
- Vercel Web Analytics entegrasyonu
- Next.js projesini Vercel Analytics’e deploy etme
- Ortam değişkenleri ve konfigürasyon
-
13 Ders
İzleme ve Loglama
- Sentry ile hata ve performans izleme
- Next.js projesine Sentry entegrasyonu
- Next.js uygulamaları için hata ayıklama teknikleri
- Loglama teknikleri ve araçları
-
14 Ders
Next.js ile Deploy
- Vercel’e deploy etme
- Self-hosting yöntemleri (node.js sunucusu, docker konteyner ve statik dışa alma)
- Build cache
- Version skew
- Production kontrol listesi
Bilgi İstiyorum
Kursa kayıt olmak için formu doldurun, eğitim danışmanımız en kısa sürede sizlere ulaşarak kurs içeriği ve ücretlendirme hakkında detaylı bilgi verecektir.