Orta - İleriOnline canlı eğitim

React Bootcamp

Modern Frontend Geliştirme ile React Mastery

React ekosisteminde uzmanlaşın. Modern frontend geliştirme teknikleri, React Hooks, state yönetimi ve güncel geliştirme pratikleriyle profesyonel React uygulamaları geliştirin.

Süre: 8 hafta
Format: Online
Dil: Türkçe

Yeni dönem tarihi yakında

Başlangıç tarihi ve ücret bilgisi kesinleştiğinde burada yayınlanacaktır.

Müfredatı incele Bilgi al

Program yaklaşımı

React'i ürün geliştirerek öğrenin

Bu bootcamp, React ekosisteminde derinleşmek isteyen geliştiriciler için tasarlanmıştır. Temel HTML, CSS ve JavaScript bilginizi React ile birleştirerek component mimarisi, state yönetimi, API entegrasyonu, performans optimizasyonu ve test konularında uygulamalı deneyim kazanırsınız.

Teori, canlı uygulama, mentör geri bildirimi ve portföy projesi aynı öğrenme akışında ilerler.

Modern React pratikleri

Güncel React yaklaşımı, tekrar kullanılabilir component mimarisi ve sürdürülebilir kod düzeni.

Birebir mentörlük

Teknik gelişim ve proje kararları için kişiselleştirilmiş geri bildirim.

Staj desteği

Programı başarıyla tamamlayan katılımcılar için iki aylık staj desteği.

Dijital sertifika

Devam, proje teslimi ve mentör değerlendirmesi kriterlerine bağlı sertifika süreci.

Teknoloji seti

Öğrenilecek teknolojiler

Program boyunca kullanılan araç ve kütüphaneler, konu içindeki hedef seviyeleriyle birlikte.

Reactİleri
JavaScriptİleri
TypeScriptOrta
Redux ToolkitOrta
Redux ThunkOrta
React RouterOrta
AxiosOrta
Next.jsOrta
JestTemel
React Testing LibraryTemel
Tailwind CSSOrta
Material UITemel
FirebaseTemel
VercelTemel
GitOrta

8 haftalık program

Bootcamp müfredatı

Temellerden production seviyesine uzanan, her hafta bir önceki çıktının üzerine kurulan uygulamalı eğitim planı.

01Modern JavaScript ve React TemelleriJavaScript ES6+ ve React'e güçlü bir başlangıç

Modern ve asenkron JavaScript
React, Virtual DOM ve proje kurulumu
JSX ve component yapısı
Props ve state yönetimi
useState ve useEffect
Event handling ve koşullu render
Listeler ve key kullanımı

02İleri React KonularıHooks, context ve performans odaklı component geliştirme

Custom Hooks
Context API ve useContext
useReducer ile state yönetimi
useRef, useMemo ve useCallback
React.memo ile optimizasyon
CSS Modules ile stil yönetimi

03Routing, State Management ve FormlarSPA routing, Redux Toolkit ve doğrulanabilir formlar

React Router ve query parameters
Form yönetimi ve validasyon
Formik, Yup ve React Hook Form
Redux Toolkit, actions ve reducers
Redux Thunk ile asenkron işlemler
Redux DevTools

04API Entegrasyonu ve AuthenticationBackend iletişimi, veri yönetimi ve güvenli oturum akışları

REST API entegrasyonu
Axios instance ve interceptors
Hata yönetimi
JWT ve token yönetimi
Local storage ve session yaklaşımı
Protected requests
React Query ile veri yönetimi

05Performans Optimizasyonu ve TestÖlçülebilir performans ve güvenilir uygulama davranışı

Code splitting ve lazy loading
Memoization stratejileri
React Profiler
Jest ve React Testing Library
Error Boundaries

06TypeScript ile React ve Next.jsTip güvenliği ve modern React framework yaklaşımı

React projesinde TypeScript kurulumu
Component, props ve state tipleri
Redux ve TypeScript entegrasyonu
Next.js ve TypeScript
Server-side rendering ve static generation
API route yapıları

07Deployment ve Üretim OrtamıUygulamayı production ortamına hazırlama ve yayınlama

Build ve deployment süreçleri
Environment variables
Production optimizasyonları
CI/CD temelleri
React projelerinde SEO yaklaşımı

08Portföy ve Kariyer GelişimiTeknik çıktıları güçlü bir profesyonel profile dönüştürme

Portföy ve GitHub profil hazırlığı
LinkedIn ve profesyonel ağ
Teknik CV ve mülakat hazırlığı
Algoritmalar ve veri yapıları
React mülakat soruları
Coding challenge çalışmaları
Sürekli öğrenme stratejileri

Portföy çıktıları

Program projeleri

Kademeli olarak büyüyen projelerle component tasarımı, veri akışı ve ürün geliştirme pratiği birlikte ilerler.

Başlangıç

1 hafta

React Todo Uygulaması

Hooks ve modern component yaklaşımıyla geliştirilen görev yönetimi uygulaması.

React
React Hooks
Tailwind CSS

Orta

2 hafta

Dashboard Uygulaması

Grafikler, veri durumları ve tekrar kullanılabilir arayüz parçalarıyla yönetim paneli.

React
Chart.js
Tailwind CSS

İleri

3 hafta

E-ticaret Frontend

Ürün, sepet ve kullanıcı akışlarını kapsayan modern e-ticaret arayüzü.

React
Redux
React Router
TypeScript

Bitirme projesi

Kişiye Özel Bitirme Projesi

Program sonunda her katılımcı, ilgi alanı ve kariyer hedeflerine göre gerçek bir problemi çözen kapsamlı bir React projesi geliştirir.

Teslim çıktıları

Çalışan uygulama ve yayın bağlantısı
Düzenli GitHub repository yapısı
README ve kurulum adımları
Teknik sunum ve mentör değerlendirmesi

Ön koşullar

Temel seviyede HTML5, CSS3 ve JavaScript (ES6+) bilgisi
Problem çözme ve düzenli pratik yapma isteği
Haftada en az 20 saat çalışma zamanı

Öğrenme çıktıları

Modern React uygulamaları geliştirebilme
Component tabanlı uygulama mimarisi tasarlama
Redux ve Context API ile state yönetimi
API entegrasyonu ve kimlik doğrulama akışları
Performans optimizasyonu tekniklerini uygulama
TypeScript ile tip güvenli geliştirme
Test, build ve production deployment süreçleri
Portföy, GitHub ve teknik mülakat hazırlığı

Referans sistemi

Başarılı katılımcılar referans sistemine dahil edilir

Devam, proje teslimi ve mentör değerlendirmesi kriterlerini karşılayan katılımcılar; portföy çıktılarının uygun kurum ve proje ihtiyaçlarıyla paylaşılabilmesi için BilGen Akademi referans havuzuna alınabilir.

Program devamlılığı ve proje teslimi
Sunulabilir GitHub ve portföy çıktısı
Mentör değerlendirmesi

Program eğitmeni

Deneyim, mentörlük ve proje geri bildirimi

10+ yıl sektör deneyimi

Emin Başbayan

Senior Full-Stack Developer & Eğitmen

Kurumsal projeler ve uygulamalı yazılım eğitimlerindeki deneyimini gerçek dünya senaryolarına dayalı, proje odaklı bir öğrenme modeliyle aktarır.

React
JavaScript
Frontend Architecture
Performance Optimization

Eğitmen profilini incele

Merak edilenler

Sıkça sorulan sorular

Yeni dönem tarihi ve kayıt ayrıntıları kesinleştiğinde bu bölüm JSON verisi üzerinden güncellenecektir.

HTML, CSS ve JavaScript bilmem gerekiyor mu?

Evet. Programa katılmak için temel seviyede HTML, CSS ve modern JavaScript bilgisi beklenir. Bu altyapı, React konularına daha sağlıklı ilerlemenizi sağlar.

React öğrenmek zor mu?

JavaScript temelleriniz varsa React adım adım öğrenilebilir. Program, temel component yapısından başlayıp state yönetimi, test ve production süreçlerine kademeli ilerler.

Yeni dönem ne zaman başlayacak?

Yeni dönem başlangıç tarihi henüz kesinleşmedi. Tarih ve kayıt bilgileri netleştiğinde bu sayfa üzerinden duyurulacaktır.

Program sonunda proje geliştirilecek mi?

Evet. Ara projelere ek olarak sertifika sürecinin parçası olan kişiye özel bir bitirme projesi hazırlanır.

Yeni dönem

React Bootcamp duyurularını takip edin

Başlangıç tarihi ve kayıt ayrıntıları henüz kesinleşmedi. Bilgi almak için bizimle iletişime geçebilirsiniz.

Bilgi talep et