React'i geliştirmeden üretime taşıyın
In Development & Production, React uygulamalarını geliştirme ortamından üretime taşımayı öğretir. Eğitim geliştirme ve üretim modu farkı, dev server, HMR ve ortam değişkenleriyle başlar; Vite ve webpack ile build, kod bölme ve varlık yönetimini kapsar.
Geliştirme ortamı, build araçları, üretim optimizasyonu, yayına alma ve CI/CD
In Development & Production, React uygulamalarını geliştirme ortamından üretime yönetmeyi öğretir. Program geliştirme ve üretim modu farkı, dev server, HMR ve ortam değişkenleriyle başlar; Vite ve webpack ile build, kod bölme ve varlık yönetimini işler. Bundle analizi, minifikasyon, önbellek ve Core Web Vitals ile üretim optimizasyonu ele alınır. Eğitim; Vercel ve Netlify ile yayın, GitHub Actions ile CI/CD ve Sentry ile hata izlemeyi uygulamalı olarak kapsar.
4 Gün. Her gün dört modül; geliştirme ortamından build araçlarına, üretim optimizasyonundan yayına alma ve CI/CD'ye kadar her aşama uygulamalı işlenir.
Orta Seviye — React uygulamalarını geliştirme ortamından üretim derlemesi, optimizasyon ve yayına kadar yönetme
Her konu gerçek bir proje üzerinde build alınarak, optimize edilerek ve yayına çıkarılarak işlenir; sonuçlar araçlarla ölçülüp doğrulanır.
Uygulamanızı yalnızca geliştirip bırakmaz; optimize edip güvenle yayına alma ve sürdürme becerisi kazanırsınız.
Vite ve webpack ile paketleme, kod bölme ve varlık yönetimini kavrayarak çıktınızı küçültmeyi ve hızlandırmayı öğrenirsiniz.
CI/CD, hata izleme ve analitik ile sürümleri otomatikleştirip üretimdeki sorunları erken yakalamayı öğrenirsiniz.
Bu eğitimden verim almak için faydalı olacak bilgi ve hazırlık
Bileşen, props, state ve hook ile küçük bir React uygulaması geliştirmiş olmak bu eğitim için gereklidir.
npm komutları, script çalıştırma ve temel terminal kullanımı build ve yayın adımlarında işleri kolaylaştırır.
Temel Git kullanımı ve bir GitHub deposu olması, CI/CD ve yayına alma konularında faydalı olur.
Node.js, npm ve VS Code kurulu bir bilgisayar; örnek proje ilk gün hazırlanır ve kurulum birlikte yapılır.
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:
Geliştirme ve üretim modu farkını kavrar, dev server, HMR ve ortam değişkenlerini doğru yapılandırarak projenizi düzenlersiniz.
Vite ve webpack ile build sürecini kurar, paketleme ve dönüştürme adımlarını anlayarak çıktınızı kontrol edersiniz.
Dinamik import ve chunk yönetimiyle uygulamayı böler, ilk yükü azaltır ve önbellek uyumlu bir dağıtım kurarsınız.
Görsel, font ve statik dosyaları optimize ederek içe aktarır, cache busting ile sürüm güncellemelerini güvenli yönetirsiniz.
Bundle analizi, tree shaking, minifikasyon ve sıkıştırma ile üretim çıktısını belirgin biçimde küçültür ve hızlandırırsınız.
Core Web Vitals ve Lighthouse ile performansı ölçer, render engelleyen kaynakları azaltır ve bütçe belirlersiniz.
Uygulamayı Vercel veya Netlify ile yayına alır, özel alan adı ve ortam değişkenleriyle üretim dağıtımını kurarsınız.
GitHub Actions ile otomatik dağıtım, Sentry ile hata izleme ve analitik kurarak üretim sürecini otomatikleştirirsiniz.
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.
Kurumsal React: ölçeklenebilir mimari, tasarım sistemi, React Router, React Query, React Hook Form, test, erişilebilirlik ve CI eğitimi.
Detayları Gör →
React JS ile SPA geliştirme: hooks, özel hook'lar, Context, React Router, API veri getirme, performans ve yayına alma eğitimi.
Detayları Gör →
Tip güvenli React, TypeScript, Redux Toolkit, tipli slice ve selector, RTK Query, asenkron thunk, test ve ölçeklenebilir durum mimarisi eğitimi.
Detayları Gör →
JSX, bileşenler, hook'lar, React Router, form, Context ve performans optimizasyonuyla modern React uygulamaları geliştirme eğitimi.
Detayları Gör →
Redux Toolkit, RTK Query, redux-saga ve RxJS reaktif akışlarıyla öngörülebilir durum yönetimi ve React entegrasyonu eğitimi.
Detayları Gör →
Spring Boot REST API, Spring Security ve JWT ile React ve Redux ön yüzünü birleştiren uçtan uca tam yığın geliştirme eğitimi.
Detayları Gör →