Next.js ile modern tam yığın web
Introduction to Next.js Eğitimi, React bilgisini modern tam yığın geliştirmeye taşıyan Next.js framework'ünü uygulamalı öğretir. Program App Router ile dosya tabanlı yönlendirme ve layout yapısıyla başlar; sunucu ve istemci bileşenleri, SSR, SSG ve streaming…
App Router'dan render stratejilerine, Server Actions'tan yayına Next.js temelleri
Introduction to Next.js Eğitimi, React bilgisini modern tam yığın geliştirmeye taşıyan Next.js framework'ünü uygulamalı öğretir. Katılımcılar App Router ile dosya tabanlı yönlendirme, layout ve sayfa yapısını kurar. Sunucu ve istemci bileşenleri, SSR, SSG ve streaming render stratejileri, sunucuda veri çekme, Server Actions, route handler ve önbellek işlenir. Program görsel ve font optimizasyonu, SEO ve Vercel'e dağıtımla tamamlanır.
4 Gün. Her gün dört modül; boş bir Next.js projesinden başlanıp dört gün boyunca veri çeken, render stratejili ve yayına hazır bir uygulama kurulur.
Orta Seviye — Next.js App Router ile sunucu bileşenleri, veri çekme, render stratejileri ve yayına alma
Tek bir uygulama dört gün boyunca geliştirilir; her modülde yeni bir Next.js özelliği eklenip çalışır halde gösterilir.
Sunucu bileşenleri ve Server Actions ile ön yüz ve arka ucu tek projede birleştirip tam yığın uygulamalar kurarsınız.
Sunucu tarafı render ve statik üretimle sayfaları hızlı ve arama motoru dostu biçimde sunar, kullanıcı deneyimini artırırsınız.
App Router'ın dosya tabanlı yönlendirmesi ve layout sistemiyle büyüyen projede düzenli ve öngörülebilir bir yapı kurarsınız.
Eğitimden verim almak için faydalı olacak bilgi ve kurulum
Bileşen, props, state ve hook'larla React uygulaması geliştirmiş olmak gerekir; Next.js bu temel üzerine kuruludur.
Modern JavaScript, asenkron yapı ve JSX ile arayüz yazma deneyimi eğitimi takip etmede önemlidir.
HTTP, istek-yanıt ve istemci-sunucu kavramlarına aşinalık render stratejilerini 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:
Dosya tabanlı yönlendirme, iç içe layout ve dinamik rotalarla Next.js uygulamasının iskeletini kurarsınız.
Sunucu ve istemci bileşenlerini ayırt eder, etkileşimi yaprakta tutarak verimli bir bileşen ağacı tasarlarsınız.
SSR, SSG ve ISR arasında doğru seçimi yapar, streaming ve Suspense ile algılanan hızı artırırsınız.
Sunucu bileşenlerinde veri çeker, önbellek ve yeniden doğrulamayı yöneterek verimli veri akışı kurarsınız.
use server ile form ve veri değişikliklerini sunucuda işler, revalidatePath ile arayüzü güncel tutarsınız.
route.js ile API uç noktaları tanımlar, HTTP metotlarını ve dinamik segmentleri kullanarak servis sunarsınız.
Image ve next/font ile görsel ve font optimizasyonu yapar, Core Web Vitals odaklı hızlı sayfalar üretirsiniz.
Üretim derlemesi alır, ortam değişkenlerini yönetir ve uygulamayı Vercel'e 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 giriş eğitimi: bileşen, JSX, props, useState ve olaylarla iki günde React'e sıfırdan uygulamalı ve hızlı başlangıç yapın.
Detayları Gör →
useState, useEffect, useReducer, useContext ve özel Hook'larla modern React durum yönetimini ve Context API ile global durumu öğreten uygulamalı eğitim.
Detayları Gör →
JSX, Hook'lar, React Router, veri çekme ve Vite ile üretime hazır modern, bileşen tabanlı ön yüz uygulamaları geliştirmeyi öğreten uygulamalı React eğitimi.
Detayları Gör →
Jest, React Testing Library ve kırmızı-yeşil-refactor döngüsüyle React ve modern ES'te test odaklı geliştirmeyi öğreten uygulamalı TDD eğitimi.
Detayları Gör →
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 →