INTRODUCTION TO ASP.NET CORE DEVELOPMENT USING REACT WITH REDUX EĞİTİMİ

ASP.NET Core ve React Redux ile tam yığın

ASP.NET Core Web API ile React ve Redux arayüzünü birleştirerek tam yığın uygulama geliştirin

Bu eğitim, .NET tarafında güçlü bir Web API ile React ve Redux kullanan bir arayüzü tek uygulamada birleştirmeyi öğretir. Program ASP.NET Core'un middleware, bağımlılık enjeksiyonu ve yapılandırma modeliyle başlar; Entity Framework Core ile veri katmanı ve RE…

4 gün Orta Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

ASP.NET Core backend ile React + Redux frontend'i uçtan uca birleştiren tam yığın eğitim

Introduction to ASP.NET Core Development using React with Redux eğitimi, .NET tarafında güçlü bir Web API ile React ve Redux kullanan modern bir arayüzü tek bir uygulamada birleştirmeyi öğretir. Katılımcılar ASP.NET Core'un middleware, bağımlılık enjeksiyonu ve yapılandırma modelini kavrar; Entity Framework Core ile veri katmanı ve REST API kurar. Ardından React bileşenleri ile Redux Toolkit üzerinden durum yönetimini öğrenir ve iki katmanı güvenli biçimde birbirine bağlar.

Süre ve Format

4 Gün. Her gün dört modül; ASP.NET Core API, Entity Framework Core, React ve Redux katmanları uygulamalı olarak kodlanır.

Seviye

Orta Seviye — ASP.NET Core ile Web API ve React + Redux ile modern tam yığın geliştirme

Öğrenme Metodu

Her konu canlı kodlama ve küçük görevlerle işlenir; backend ve frontend katmanları bir bitirme projesinde birleştirilir.

Neden Bu Eğitim?

🧱Güçlü backend

ASP.NET Core'un middleware, bağımlılık enjeksiyonu ve yapılandırma modeliyle ölçeklenebilir ve bakımı kolay bir API kurarsınız.

⚛️Öngörülebilir durum

Redux Toolkit ile uygulama durumunu merkezi, öngörülebilir ve test edilebilir biçimde yönetmeyi öğrenirsiniz.

🔗Tam yığın bakış

.NET backend ile React frontend'i tek bir akışta birleştirerek uçtan uca tam yığın geliştirmeyi kavrarsınız.

Anahtar Konular

asp.net core eğitimireact redux eğitimitam yığın .net eğitimiweb api eğitimientity framework core kursuredux toolkit eğitimiasp.net core react kursujwt kimlik doğrulama eğitimi.net web geliştirme eğitimifull stack eğitimi
“Güçlü bir backend ile öngörülebilir bir frontend birleştiğinde, uygulamanız büyüdükçe karmaşıklaşmak yerine daha yönetilebilir olur.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve hazırlık

1
C# temeli

Sınıf, metot ve nesne yönelimli programlama gibi temel C# kavramlarına aşinalık backend bölümünde faydalı olur.

2
JavaScript bilgisi

Modern JavaScript (ES6+) ve temel React fikri frontend bölümünü hızlandırır; derin React bilgisi gerekmez.

3
Web ve HTTP

HTTP metotları, REST ve istemci-sunucu mimarisi hakkında temel fikir sahibi olmak işinizi kolaylaştırır.

4
Geliştirme ortamı

.NET SDK, Node.js ve Visual Studio ya da VS Code'un kurulu olduğu bilgisayar; kurulum ilk modülde yapılabilir.

Eğitim İçeriği

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.

Günün hedefiKatılımcı ASP.NET Core proje yapısını, istek işleme hattını, bağımlılık enjeksiyonunu ve yapılandırma modelini kavrayarak sağlam bir backend temeli kurar.
Modül 1
ASP.NET Core'a Giriş
  • ASP.NET Core mimarisi ve .NET platformu
  • dotnet CLI ile proje oluşturma ve çalıştırma
  • Program.cs ve minimal hosting modeli
  • Kestrel sunucusu ve çalışma zamanı
  • Proje klasör yapısı ve dosyalar
  • Geliştirme ve üretim ortamı ayrımı
Modül 2
Middleware ve İstek Hattı
  • İstek işleme hattı (request pipeline) mantığı
  • Yerleşik middleware ve sıralaması
  • Özel middleware yazma ve ekleme
  • app.Use, app.Run ve app.Map farkları
  • Statik dosya ve yönlendirme middleware'i
  • İstisna işleme ve hata middleware'i
Modül 3
Bağımlılık Enjeksiyonu (DI)
  • DI konteyneri ve servis kaydı mantığı
  • Transient, Scoped ve Singleton yaşam döngüleri
  • Servisleri controller'a enjekte etme
  • Arayüz tabanlı bağımlılık tasarımı
  • Options deseni ile yapılandırma enjeksiyonu
  • Servis yaşam döngüsü seçim ilkeleri
Modül 4
Yapılandırma ve Loglama
  • appsettings.json ile yapılandırma
  • Ortam bazlı yapılandırma dosyaları
  • IConfiguration ile değer okuma
  • Secret Manager ve ortam değişkenleri
  • ILogger ile yapılandırılabilir loglama
  • Log seviyeleri ve sağlayıcıları
Günün hedefiKatılımcı ASP.NET Core ile RESTful Web API kurar, Entity Framework Core ile veri modeli ve CRUD işlemleri tanımlar ve API'yi Swagger ile belgeleyip test eder.
Modül 1
Web API ve Controller
  • API Controller ve route tanımlama
  • HTTP metotları ve attribute routing
  • Model binding ve parametre okuma
  • ActionResult ve durum kodu döndürme
  • DTO kullanımı ve veri biçimleme
  • Model doğrulama (data annotation)
Modül 2
Entity Framework Core
  • DbContext ve DbSet sınıflarını tanımlama
  • Code-First yaklaşımı ve entity modeli
  • Migration oluşturma ve veritabanı güncelleme
  • İlişkiler: bire-çok ve çoka-çok
  • LINQ ile sorgulama ve filtreleme
  • Asenkron veri erişimi (async/await)
Modül 3
CRUD ve Servis Katmanı
  • Create, Read, Update, Delete uç noktaları
  • Repository ve servis katmanı deseni
  • AutoMapper ile entity-DTO dönüşümü
  • Sayfalama, sıralama ve filtreleme
  • Hata yönetimi ve tutarlı yanıtlar
  • İş kuralı doğrulama ve katman ayrımı
Modül 4
API Belgeleme ve Test
  • Swagger / OpenAPI ile API belgeleme
  • Swagger UI üzerinden uç nokta deneme
  • CORS yapılandırması ve köken izni
  • Postman ile uç noktaları test etme
  • API sürümleme (versioning) yaklaşımı
  • Yapılandırılabilir yanıt başlıkları
Günün hedefiKatılımcı React ile bileşen tabanlı arayüz kurar, Redux Toolkit ile merkezi durum yönetimini öğrenir ve async thunk ile API verilerini duruma bağlar.
Modül 1
React ve JSX Temelleri
  • Bileşen (component) ve JSX söz dizimi
  • Props ile bileşene veri aktarma
  • useState ile yerel durum yönetimi
  • Olay (event) işleme ve form girdisi
  • Liste ve koşullu render mantığı
  • Vite ile React projesi oluşturma
Modül 2
Redux ve Redux Toolkit
  • Redux mimarisi: store, action, reducer
  • configureStore ile store kurma
  • createSlice ile reducer ve action üretimi
  • Tek yönlü veri akışı ve immutability
  • Redux DevTools ile durum izleme
  • State normalizasyonu ve yapı tasarımı
Modül 3
Bileşenleri Store'a Bağlama
  • Provider ile store'u uygulamaya verme
  • useSelector ile store durumunu okuma
  • useDispatch ile action gönderme
  • Seçici (selector) fonksiyon yazma
  • Gereksiz render'ı önleme stratejileri
  • Durum dilimlerini bileşenlere eşleme
Modül 4
Asenkron İşlemler ve API
  • createAsyncThunk ile asenkron action
  • pending, fulfilled, rejected durumları
  • API'den veri çekip store'a yazma
  • Yükleme ve hata durumlarını yönetme
  • extraReducers ile thunk sonuçları
  • RTK Query ile veri çekmeye kısa bakış
Günün hedefiKatılımcı React + Redux arayüzünü ASP.NET Core API'ye bağlar, JWT ile kimlik doğrulama kurar ve tam yığın uygulamayı yayına hazırlayarak bitirme projesini tamamlar.
Modül 1
Frontend ve Backend Entegrasyonu
  • React'ten ASP.NET Core API'ye istek
  • axios veya fetch ile veri alışverişi
  • CORS sorunlarını çözme ve proxy
  • API temel URL ve ortam yapılandırması
  • Hata ve yükleme durumlarını arayüze yansıtma
  • Uçtan uca CRUD akışını birleştirme
Modül 2
Kimlik Doğrulama ve Güvenlik
  • JWT tabanlı kimlik doğrulama kurma
  • ASP.NET Core Identity'ye giriş
  • Token üretimi ve sunucuda doğrulaması
  • React tarafında token saklama ve gönderme
  • Yetkilendirme (authorization) ve roller
  • Korumalı uç noktalar ve güvenli istek
Modül 3
Yayın ve Dağıtım
  • React uygulamasını üretim için derleme
  • ASP.NET Core ile statik dosya sunumu
  • Yayın (publish) ve ortam yapılandırması
  • Bağlantı dizesi ve gizli bilgi yönetimi
  • IIS, Azure veya Docker ile yayınlama
  • Üretim öncesi kontrol listesi ve testler
Modül 4
Tam Yığın Bitirme Projesi
  • Proje gereksinimlerini ve modeli tasarlama
  • API ve veri katmanını baştan kurma
  • React + Redux arayüzünü geliştirme
  • Kimlik doğrulamayı uçtan uca bağlama
  • Uygulamayı test etme ve hataları giderme
  • Projeyi yayınlama ve sunum yapma

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
ASP.NET Core mimarisi

Middleware hattı, bağımlılık enjeksiyonu ve yapılandırma modeliyle sağlam bir ASP.NET Core uygulaması kurarsınız.

✅
Web API geliştirme

RESTful controller'lar yazar, DTO ve model doğrulama kullanır ve tutarlı yanıtlar döndüren bir Web API tasarlarsınız.

✅
Entity Framework Core

EF Core ile Code-First veri modeli tanımlar, migration yönetir ve LINQ ile asenkron veri erişimi gerçekleştirirsiniz.

✅
API belgeleme

Swagger/OpenAPI ile API'yi belgeler, CORS'u yapılandırır ve uç noktaları Swagger UI ve Postman ile test edersiniz.

✅
React bileşenleri

JSX, props ve useState ile bileşen tabanlı arayüz kurar, olay ve form yönetimini güvenle uygularsınız.

✅
Redux Toolkit

createSlice ve configureStore ile merkezi durum yönetimi kurar, öngörülebilir ve test edilebilir bir yapı oluşturursunuz.

✅
Asenkron durum

createAsyncThunk ile API verilerini store'a bağlar, yükleme ve hata durumlarını doğru biçimde yönetirsiniz.

✅
Tam yığın proje

ASP.NET Core API ile React + Redux arayüzünü birleştirir, JWT güvenliğini kurar ve projeyi yayına hazırlarsınız.

Kimler İçin Uygundur?

  • C# veya JavaScript
  • temel deneyimi olan; ASP.NET Core Web API ile React ve Redux kullanan modern tam yığın web uygulamaları geliştirmek isteyen yazılımcılar ve .NET geliştiricileri için uygundur

Sıkça Sorulan Sorular

Bu eğitim için C# ve React bilmek zorunlu mu?
Temel C# ve modern JavaScript bilgisi eğitimi çok daha verimli kılar. Eğitim giriş seviyesinden başladığı için ASP.NET Core ve React temelleri de işlenir; ancak nesne yönelimli programlama ve ES6 söz dizimine aşinalık, sınırlı sürede hem backend hem frontend konularını takip etmeyi kolaylaştırır. Derin uzmanlık beklenmez.
Hangi .NET sürümü ve araçlar kullanılıyor?
Eğitim güncel bir .NET sürümü üzerinden ASP.NET Core Web API, Entity Framework Core, Swagger ve JWT kullanır. Frontend tarafında React, Redux Toolkit ve Vite ile çalışılır. Geliştirme ortamı olarak Visual Studio veya VS Code tercih edilebilir; kurulum ve yapılandırma ilk modülde birlikte yapılır.
Neden Redux Toolkit öğretiliyor, klasik Redux değil?
Redux Toolkit, Redux'ın önerilen ve resmi standart yazım biçimidir. createSlice, configureStore ve createAsyncThunk ile daha az kod ve daha az hata ile aynı öngörülebilir durum yönetimini sağlar. Eğitim Redux'ın temel mantığını (store, action, reducer) açıklar, ardından modern Toolkit yaklaşımıyla uygulatır.
Eğitimin süresi ve formatı nedir?
Eğitim dört gün sürer ve her gün dört modülden oluşur. İlk iki gün ASP.NET Core ve Web API, üçüncü gün React ve Redux, dördüncü gün entegrasyon, güvenlik ve bitirme projesi işlenir. Yüz yüze veya online yapılabilir; kurumun teknoloji yığınına göre içerik ağırlığı uyarlanabilir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve geliştirilen tam yığın bitirme projesini belgeler; kurumsal gruplar için içerik, ekibin .NET ve React deneyimine göre özelleştirilebilir.

Sertifikalandırma

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.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. Introduction to ASP.NET Core Development using React with Re Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre4 gün
SeviyeOrta Seviye
FormatOnline / Yüz Yüze / Hibrit
KonuReact
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

ReactReact ile Modern Front-End Geliştirme Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

React ile Modern Front-End Geliştirme Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

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 →
ReactTest-Driven Development (TDD) Using React.js and ES Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Test-Driven Development (TDD) Using React.js and ES Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

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 →
ReactTypeScript Kullanarak React'e Giriş Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

TypeScript Kullanarak React'e Giriş Eğitimi

2 günBaşlangıçOnline / Yüz Yüze / Hibrit

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 →
ReactBuild & Integrate React Applications with Redux Capabilities Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Build & Integrate React Applications with Redux Capabilities Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

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 →
ReactBuild and Test SPA Using React & Redux Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Build and Test SPA Using React & Redux Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

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 →
ReactBuild Apps Using React: Advanced Features in React Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Build Apps Using React: Advanced Features in React Eğitimi

5 günİleriOnline / Yüz Yüze / Hibrit

İ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 →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn