React ile gerçek web uygulaması kurun
Building Web Applications with React Eğitimi, modern bir React uygulamasını baştan sona kurmayı uygulamalı öğretir. Program Vite ile proje kurulumu, JSX, bileşen mimarisi, props ve state ile başlar; useEffect ve custom hook ile durum yönetimi, React Router il…
Proje kurulumundan bileşen tasarımına, yönlendirmeden veri çekme ve dağıtıma React geliştirme
Building Web Applications with React Eğitimi, modern bir React uygulamasını baştan sona kurmayı uygulamalı olarak öğretir. Katılımcılar Vite ile proje kurar, bileşen mimarisi, props ve state ile arayüz geliştirir. Hook'larla durum ve yan etki yönetimi, React Router ile sayfa yönlendirme, API'den veri çekme ve form işleme işlenir. Program kimlik doğrulama, performans ve üretim derlemesiyle yayına alma adımlarıyla tamamlanır.
3 Gün. Her gün dört modül; boş bir projeden başlanıp üç gün boyunca yönlendirmeli, veri çeken ve yayına hazır bir uygulama kurulur.
Orta Seviye — React ile uçtan uca web uygulaması: bileşenler, yönlendirme, veri çekme ve yayına alma
Tek bir uygulama üç gün boyunca adım adım geliştirilir; her modülde yeni bir özellik eklenip çalışır halde gösterilir.
Yeniden kullanılabilir bileşenler ve net veri akışıyla büyümeye uygun, bakımı kolay bir arayüz mimarisi kurarsınız.
Yönlendirme, veri çekme ve form işlemeyi birleştirerek tek bir uygulamayı baştan sona çalışır hale getirirsiniz.
Üretim derlemesi, ortam değişkenleri ve dağıtımla uygulamanızı gerçek kullanıcılara ulaşacak biçimde yayınlarsınız.
Eğitimden verim almak için faydalı olacak bilgi ve kurulum
Fonksiyon, dizi metotları, nesne ve ES modülleri ile asenkron yapıya hakimiyet React geliştirmede temeldir.
Temel HTML yapısı ve CSS ile düzenleme bilgisi, bileşen arayüzlerini tasarlarken faydalı olur.
Tarayıcı, DOM ve olay (event) kavramlarına aşinalık React'in çalışma mantığını anlamayı kolaylaştırır.
Node.js, npm ve bir kod editörü kurulu, komut satırında temel işlemlerin yapılabilir olması gerekir.
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:
JSX, props ve state ile yeniden kullanılabilir bileşenler yazar, tek yönlü veri akışıyla arayüz kurarsınız.
useState, useEffect ve custom hook'larla durum ve yan etkileri yönetir, mantığı bileşenden ayırabilirsiniz.
React Router ile çok sayfalı yapı, URL parametreleri ve korumalı rotalar içeren bir uygulama kurarsınız.
API'den veri çeker, yükleme ve hata durumlarını yönetir, TanStack Query ile önbellek kullanabilirsiniz.
Token tabanlı giriş akışı kurar, korumalı rotalar ve role göre arayüz gösterimini uygulayabilirsiniz.
memo, useMemo ve kod bölmeyle gereksiz render'ı azaltır, uygulamanın performansını Profiler ile iyileştirirsiniz.
React Testing Library ve Vitest ile bileşenleri test eder, ESLint ile kod kalitesini güvence altına alırsınız.
Üretim derlemesi alır, ortam değişkenlerini yönetir ve uygulamayı bir platforma eksiksiz biçimde dağıtırsı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'e giriş eğitimi: Virtual DOM, JSX, bileşen, props, state, olaylar ve useEffect ile sıfırdan modern web uygulaması geliştirmeyi öğrenin.
Detayları Gör →
React için yerel ortam kurulumu ve online playground eğitimi: Node, npm, VS Code, Vite, Create React App, CodeSandbox ve StackBlitz ile geliştirme.
Detayları Gör →
React props ve state eğitimi: props ile veri aktarımı, useState ile durum yönetimi, tek yönlü veri akışı, state lifting ve kontrollü formlar.
Detayları Gör →
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 →
İleri React: render modeli, reconciliation, memoization, concurrent özellikler, Suspense, useSyncExternalStore ve performans optimizasyonu eğitimi.
Detayları Gör →