TypeScript ve Next.js ile tam katman
Tam Katmanlı Geliştirme ile React, TypeScript, Next.js ve Modern Arka Uç Eğitimi, ön yüz ile arka ucu tek çatıda birleştiren modern geliştirmeyi öğretir.
TypeScript ve React'ten Next.js App Router'a, veritabanı ve dağıtıma uçtan uca geliştirme
Tam Katmanlı Geliştirme ile React, TypeScript, Next.js ve Modern Arka Uç Eğitimi, ön yüz ile arka ucu tek çatıda birleştiren modern geliştirmeyi öğretir. Katılımcılar TypeScript ile tipli React bileşenleri yazar; Next.js App Router, sunucu ve istemci bileşenleri, veri getirme ve önbellek mantığını uygular. Route Handler ve Server Actions ile arka uç, Prisma ile veritabanı, Auth.js ile kimlik doğrulama ve Vercel dağıtımı işlenir.
4 Gün. Her gün dört modül; TypeScript ve React'ten Next.js App Router'a, arka uç ve veritabanından üretim dağıtımına kademeli olarak ilerlenir.
Orta Seviye — TypeScript, Next.js App Router ve sunucu bileşenleriyle uçtan uca tam katmanlı geliştirme
Her modülde kısa anlatımı canlı kodlama izler; dört gün boyunca tipli, sunucu destekli tek bir Next.js uygulaması uçtan uca kurulur.
TypeScript ile hataları çalışma anından önce yakalar, büyük kod tabanlarını güvenle geliştirip yeniden düzenlersiniz.
Next.js App Router, sunucu bileşenleri ve önbellekle hem hızlı hem de SEO dostu tam katmanlı uygulamalar kurarsınız.
Ön yüz ve arka ucu aynı projede yöneterek Route Handler ve Server Actions ile uçtan uca akışı sadeleştirirsiniz.
Eğitimden en yüksek verimi almak için önerilen bilgi ve geliştirme ortamı
Bileşen, props, state ve hook kavramlarına pratik hakimiyet beklenir; eğitim bu temele Next.js ekler.
Modern JavaScript, async/await ve modül sistemine aşinalık, TypeScript ve sunucu tarafı konularda işinizi kolaylaştırır.
İstek-yanıt döngüsü, HTTP metotları ve temel REST mantığına aşinalık, arka uç bölümünü anlamada faydalı olur.
Node.js, bir kod editörü ve Git kurulu olmalı; veritabanı için PostgreSQL ve bir Vercel hesabı önerilir.
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:
Tipler, interface, generics ve utility tiplerle tip güvenli React bileşenleri yazar, hataları erkenden yakalarsınız.
Next.js App Router ile dosya tabanlı yönlendirme, layout ve dinamik rotalarla modern bir uygulama iskeleti kurarsınız.
Sunucu ve istemci bileşenlerini doğru ayırır, veriyi sunucuda getirip önbellek davranışını bilinçli yönetirsiniz.
Route Handler ve Server Actions ile API ve mutasyon mantığını aynı proje içinde tip güvenli biçimde yazarsınız.
Prisma ile şema, migration ve tip güvenli sorgular kurar, ilişkisel veriyi okuyup güncellemeyi öğrenirsiniz.
Auth.js ile oturum yönetimi, OAuth sağlayıcıları ve middleware ile korumalı rotaları uçtan uca kurarsınız.
Render ve önbellek stratejileri, görsel ve kod optimizasyonuyla hızlı, Web Vitals dostu bir uygulama elde edersiniz.
Vitest ve Playwright ile test yazar, uygulamayı ortam değişkenleriyle Vercel üzerinde üretime dağıtmayı öğrenirsiniz.
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.
TypeScript temelleri, tiplenmiş props ve state, Hook tipleri ve olay tipleriyle tip güvenli React geliştirmeye giriş yaptıran uygulamalı başlangıç eğitimi.
Detayları Gör →
Redux Toolkit, slice, store, createAsyncThunk, RTK Query ve middleware ile React'e ölçeklenebilir global durum yönetimi entegrasyonunu öğreten eğitim.
Detayları Gör →
React Router, Redux Toolkit, eşzamansız veri ve React Testing Library ile sıfırdan tek sayfa uygulama kurup test etmeyi öğreten uçtan uca uygulamalı eğitim.
Detayları Gör →
İleri React eğitimi: useReducer, Context, useMemo/useCallback, React.memo, Suspense, hata sınırları ve durum yönetimiyle ileri seviye React geliştirme.
Detayları Gör →
React geliştirme ve üretim eğitimi: Vite/webpack build, kod bölme, bundle optimizasyonu, Core Web Vitals, Vercel/Netlify yayın ve GitHub Actions CI/CD.
Detayları Gör →
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 →