Sıfırdan SPA kur, test et, yayınla
Build and Test SPA Using React & Redux Eğitimi, React ve Redux bilgisini sıfırdan bir tek sayfa uygulamasında birleştirmeyi ve test etmeyi öğretir.
SPA mimarisinden yönlendirme ve Redux durumuna, test etmeden yayına uçtan uca akış
Build and Test SPA Using React & Redux Eğitimi, React ve Redux bilgisini sıfırdan bir tek sayfa uygulamasında birleştirmeyi öğretir. Katılımcılar SPA mimarisini kavrar, React Router ile çok ekranlı gezinme kurar ve Redux Toolkit ile global durumu yönetir. Program createAsyncThunk ile eşzamansız veri akışını, React Testing Library ile bileşen ve entegrasyon testini, kullanıcı akışı testini ve uygulamanın üretim için derlenip yayınlanmasını uçtan uca kapsar.
3 Gün. Her gün dört modül; sıfırdan başlayan bir tek sayfa uygulaması yönlendirme, Redux durumu ve testlerle birlikte uçtan uca geliştirilir.
Orta Seviye — React ve Redux ile sıfırdan tek sayfa uygulama kurup test etmeyi öğretir
Tek bir SPA projesi sıfırdan kurulur; her modülde yönlendirme, Redux durumu veya test canlı kodla eklenip güvence altına alınır.
React ve Redux bilgisini dağınık parçalar değil, test edilmiş gerçek bir uygulama kurarak uçtan uca bir bütün olarak birleştirirsiniz.
Tek sayfa uygulama mimarisini, istemci tarafı yönlendirmeyi ve global durum akışını gerçek bir projede kurarak kavrarsınız.
Bileşen ve entegrasyon testleriyle uygulamanızı güvence altına alır, değişiklikleri regresyon korkusu olmadan yaparsınız.
Eğitimden en iyi verimi almak için faydalı olacak bilgi ve ortam
Bileşen, props, state ve Hook kavramlarına aşinalık gerekir; eğitim bunların üzerine SPA ve test kurar.
Store ve global durum fikrine aşinalık faydalıdır; Redux Toolkit eğitimde uygulamalı olarak ele alınır.
Saf fonksiyon, async/await, spread ve dizi metotları gibi modern JavaScript kavramlarını bilmek gerekir.
Node.js ve npm kurulu, Vite ile proje çalıştırabilir bir geliştirme ortamı yeterlidir.
Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.
Program sonunda katılımcılar:
Tek sayfa uygulama mimarisini, istemci tarafı render ve yönlendirme mantığını gerçek bir projede kurarak kavrarsınız.
React Router ile çok ekranlı gezinme, dinamik rota, korumalı rota ve programatik yönlendirme kurabilirsiniz.
Redux Toolkit ile store ve slice kurar, bileşenleri bağlar ve global durumu öngörülebilir biçimde yönetirsiniz.
createAsyncThunk ile API verisini çeker, yükleniyor ve hata durumlarını store üzerinden yönetip gösterirsiniz.
React Testing Library ve user-event ile bileşenleri kullanıcı gözüyle test eder, sağlam testler yazarsınız.
Store ile sarmalanmış bileşenleri, slice'ları ve eşzamansız akışları güvenle test edebilirsiniz.
Yönlendirme ve durumu birleştiren kullanıcı akışlarını uçtan uca entegrasyon testleriyle doğrularsınız.
Kapsama raporu üretir, uygulamayı Vite ile derler ve Netlify veya Vercel gibi platformlarda yayınlarsınız.
Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.
Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.
React olay işleme eğitimi: onClick, onChange, onSubmit, SyntheticEvent, preventDefault, stopPropagation ve klavye/fare olaylarıyla etkileşimli arayüzler.
Detayları Gör →
React'te form geliştirme: controlled bileşenler, React Hook Form, Zod ve Yup doğrulama, çok adımlı sihirbazlar ve erişilebilir UX eğitimi.
Detayları Gör →
React ile uçtan uca web uygulaması geliştirme: bileşenler, hook'lar, React Router, veri çekme, kimlik doğrulama, performans ve yayına alma eğitimi.
Detayları Gör →
İleri React: render modeli, reconciliation, memoization, concurrent özellikler, Suspense, useSyncExternalStore ve performans optimizasyonu eğitimi.
Detayları Gör →
Gelişmiş React: hook ustalığı, custom hook, context API, performans, TanStack Query, TypeScript ve React Testing Library ile test eğitimi.
Detayları Gör →
Next.js eğitimi: App Router, sunucu bileşenleri, SSR ve SSG, veri çekme, Server Actions, route handler, optimizasyon ve Vercel'e dağıtım.
Detayları Gör →