React ve Laravel ile Full Stack Development

Ana Sayfa » Kurslar » React ve Laravel ile Full Stack Development

Eğitmenler: Uğur Arıcı

Front-end tarafında React, back-end tarafında ise Laravel kullanarak modern Web uygulamaları oluşturmak üzerine teorik anlatı ve pratik uygulama içeren bir eğitim.

Katılımcılar için ön şartlar:

Web geliştirmeye dair ilgi ve temel bilgi sahibi olmak.
HTTP, HTML, CSS, JS kavramlarına aşinalık.
Tercihen daha önce Web uygulaması geliştirmiş olmak.

Katılımcıların eğitime bilgisayar dışında getirmesi gereken donanım/yazılım:

Bilgisayarlarında güncel PHP, composer, nodejs, npm sürümlerinin kurulu ve çalışır durumda olması.

Eğitim İçeriği:

Bu eğitim, katılımcılara modern web uygulamalarının temel çalışma mantığını giriş seviyesinde aktarmayı amaçlar. Eğitim boyunca internet, HTTP, front-end, back-end ve full-stack geliştirme konuları React, Laravel ve Inertia.js üzerinden uygulamalı olarak ele alınacaktır. Program ayrıca AI çağında yazılım geliştirirken özgür yazılım ilkelerini, veri mahremiyetini ve dış servis bağımlılıklarını sorgulayan bir bakış açısı kazandırmayı hedefler.

1: İnternet, Web ve HTTP Temelleri

İnternet nedir, Web nedir, aralarındaki farklar
Statik web sayfası vs. dinamik web uygulaması
HTTP protokolü: İstek/yanıt akışı, status kodları
API kavramı: REST vs. GraphQL’a kısa giriş

2: Modern Web Uygulamalarının Yapısı

CSR (Client-Side Rendering) ve SSR (Server-Side Rendering)
Tek Sayfa Uygulama (SPA) vs. Çok Sayfa Uygulama (MPA)
PWA temelleri: Avantajlar ve kullanım alanları
Performans, ölçeklenebilirlik ve güvenlik notları

3: React ile Front-end Geliştirme

JSX, component yapısı, props & state
Tailwind CSS ile stillendirme
useState, useEffect, useContext gibi temel hook’lar
React Router ile sayfa yönlendirme
Basit bir “Todo List” bileşeni üzerinden pratik

4: Laravel ile Back-end Geliştirme

Laravel proje yapısı ve MVC deseni
Routing, middleware, controller–request–response akışı
Eloquent ORM: modeller, migration, seed
Authentication & Authorization (Sanctum)
Queue, Cache ve temel hata yönetimi

5: Inertia.js ile Full-Stack Entegrasyon

Inertia.js temelleri ve kurulumu
Laravel’den React bileşenlerine veri akışı (props)
Form işlemleri, sunucu tarafı validasyonu ve hata gösterimi

6: Örnek Proje

Proje gereksinimleri ve veritabanı şeması
Migration’lar ve ilişkili modellerin tanımlanması
Kullanıcı kayıt/giriş sistemi
CRUD operasyonlarının front-end ve back-end’de uygulanması
Dosya yükleme ve ilişkili veri yönetimi
Geliştirme/yayın ortamları için farklılıkların yönetimi

7: AI Çağında Yazılım Geliştirme

AI çağında özgür yazılım farkındalığı
AI araçlarını kullanırken özgür yazılım ilkelerini koruma
Projeyi ve kodu AI tarafından anlaşılabilir hale getirme
Prompt, Context, Guideline, Skill, MCP Kavramlarına genel bakış
Kodun, verinin ve çalıştırma ortamının kim tarafından kontrol edildiği
Dış servise veri gönderme riskleri
Yerelde çalışan araçlar ve self-hosted yaklaşımlar
AI çıktılarının doğrulanması
Nihai sorumluluğun geliştiricide olması