Bu kurs, hem başlangıç seviyesinden başlayarak hem de ileri seviye konuları ele alarak kapsamlı bir öğrenme deneyimi sunar.

Frontend Development Kursu: JavaScript, CSS, React ve Redux ile Modern Web Geliştirme

Kurs Hedefleri:

• JavaScript ve CSS'in temel ve ileri seviyelerini öğrenmek.
• React ve Redux ile modern kullanıcı arayüzleri oluşturmak.
• Gerçek hayatta kullanılabilir bir web uygulaması geliştirme becerisi kazanmak.

Kurs Modülleri ve İçerikleri

Modül 1: Web Geliştirmeye Giriş

• Web'in Temelleri:
  • HTML, CSS, JavaScript nasıl çalışır?
  • Tarayıcılar ve DOM yapısı.
• Gerekli araçlar:
  • Kod editörleri (VS Code).
  • Tarayıcı araçları (DevTools).

Modül 2: JavaScript Temelleri

• Değişkenler, Veri Tipleri ve Operatörler:
  • var, let, const.
  • Primitif ve referans veri tipleri.
• Fonksiyonlar:
  • Fonksiyon tanımlama ve çağırma.
  • Arrow functions.
• Döngüler ve Koşullar:
  • for, while, ve forEach.
  • if, switch koşul ifadeleri.
• DOM Manipülasyonu:
  • Eleman seçme ve değiştirme.
  • Event listener'lar.

Modül 3: JavaScript'te İleri Konular

• ES6+ Özellikleri:
  • Template literals, spread/rest operatörleri, destructuring.
  • async/await ve Promises.
• OOP (Object-Oriented Programming):
  • Constructor'lar ve class yapıları.
  • Prototypal inheritance.
• JavaScript Modülleri:
  • import ve export kullanımı.
• Error Handling:
  • try-catch yapısı.

Modül 4: CSS Temelleri

• CSS Seçiciler ve Özellikler:
  • Renkler, yazı tipleri, arka planlar.
• Box Model ve Pozisyonlama:
  • Margin, padding, border.
  • position, display, ve z-index.
• Flexbox ve Grid:
  • Esnek düzenler oluşturma.
  • Grid sistemi ile hassas düzenlemeler.

Modül 5: CSS'te İleri Konular

• Animasyonlar ve Geçişler:
  • CSS Transition ve Keyframes.
• Responsive Tasarım:
  • Media queries.
  • Mobile-first tasarım prensipleri.
• CSS Frameworkleri:
  • Tailwind CSS ve Bootstrap kullanımı.
• Modern CSS Araçları:
  • SCSS ve PostCSS.

Modül 6: React'e Giriş

• React'in Temelleri:
  • Bileşen tabanlı yapı.
  • Props ve State kullanımı.
• React Hook'ları:
  • useState ve useEffect.
• React Router:
  • Rotalama ve dinamik rotalar.

Modül 7: Redux ile Durum Yönetimi

• Redux Temelleri:
  • Redux mimarisi.
  • Redux Toolkit kullanımı.
• Redux Thunk:
  • Asenkron veri akışı.

Modül 8: Proje: Tam Ölçekli Bir Uygulama Geliştirme

• Proje Konusu: Görev Yönetim ve Takip Sistemi
  • Kullanıcı giriş ekranı.
  • Görev ekleme, düzenleme ve tamamlanma durumu.
  • React + Redux entegrasyonu.
  • CSS ile duyarlı bir tasarım.
  • LocalStorage veya bir API ile veri yönetimi.

Modül 9: Performans ve Test

• Performans Optimizasyonu:
  • React'te memoization (React.memo, useMemo).
• Test Araçları:
  • Jest ve React Testing Library.
• Proje Dağıtımı:
  • Vercel veya Netlify kullanımı.

Kurs Süresi ve Uygulama Metodu

• Toplam Süre: 8-10 hafta (haftada 2-3 ders, 2 saat).
• Uygulama:
  • Her modül sonunda mini projeler.
  • Son modülde büyük bir final projesi.
  • Kod inceleme, geri bildirim.