React, Capacitor.js ile Platform Bağımsız (Web, Mobil) Uygulama Geliştirme


FRONTEND Eğitimi:

React, TypeScript ve Capacitor.js kullanarak platform bağımsız (Web, Mobil, Masaüstü) uygulama geliştirme eğitimi: (220 saat)

Modül 1: Temel Arayüz Teknolojileri

1.1 HTML ve CSS Temelleri

  • Temel HTML etiketleri
  • CSS seçiciler, özellikler ve değerler

1.2 Uyumlu (Responsive) Tasarım ve Mobil öncelikli(Mobile First) Yaklaşımı

  • Ortam sorguları (Media queries) kullanımı
  • Mobil öncelikli (Mobile First) tasarım prensipleri

1.3 Temel JavaScript ve ES6+ Özellikleri

  • JavaScript temelleri
  • ES6+ özellikleri

Modül 2: React.js ve TypeScript

2.1 React.js Temelleri

  • React bileşenleri ve JSX
  • React State ve Props kullanımı

2.2 React Router ve Navigasyon

  • React Router kullanımı
  • Sayfa geçişleri ve navigasyon stratejileri

2.3 React State Yönetimi

  • Context API ve Redux kullanımı
  • Redux Toolkit, React-Redux Hooks ve Redux Saga

2.4 TypeScript ile React Entegrasyonu

  • TypeScript temelleri
  • TypeScript ile React uygulaması geliştirme

Modül 3: Capacitor.js ve Platform Bağımsız Uygulama Geliştirme

3.1 Capacitor.js Nedir?

  • js’in temel prensipleri

3.2 Mobil Uygulama Geliştirme

  • js ile mobil uygulama projesi oluşturma
  • js eklentisinin kullanımı

3.3 Web Uygulama Geliştirme

  • js ile web uygulama projesi oluşturma
  • Platform bağımsız kodlama

3.4 Electron.js Temelleri

  • js nedir?
  • js electron.js eklentisi kullanımı

3.5 Masaüstü Uygulama Geliştirme

  • js ve Electron.js ile masaüstü uygulama geliştirme

Modül 4: Tailwind CSS ve Responsive Tasarım

4.1 Tailwind CSS Temelleri

  • Tailwind CSS’in avantajları
  • Sınıf tabanlı CSS yaklaşımı

4.2 Responsive Tasarım

  • Tailwind CSS ile uyumlu tasarım stratejileri
  • Ekran boyutlarına göre düzen yönetimi

Modül 5: Hata Ayıklama (Debugging) ve Test Süreçleri

5.1 Hata Ayıklama Stratejileri

  • Tarayıcı geliştirici araçları kullanımı
  • Mobil ve masaüstü uygulamalarda hata ayıklama

5.2 Test Süreçleri

  • Birim testleri (Unit test) ve entegrasyon testleri (integration test)
  • React Testing Library ve Jest kullanımı

Modül 6: Uygulama Dağıtımı (Deployment) ve CI/CD

6.1 Uygulama Dağıtım Stratejileri

  • Web, mobil ve masaüstü uygulamalarını yayınlama
  • Apple App Store, Google Play markete uygulama ekleme

6.2 CI/CD ve Otomatik Dağıtım

  • Continuous Integration (CI) ve Continuous Deployment (CD)
  • GitHub Actions veya başka CI/CD araçları ile entegrasyon

Modül 7: Mobil ve Masaüstü Uygulama Optimizasyonu

7.1 Performans Analizi

  • Uygulama performansının değerlendirilmesi
  • Optimizasyon stratejileri

7.2 Offline Çalışma ve Cache Stratejileri

  • Service Worker kullanımı
  • Veri önbellekleme ve offline çalışma

Modül 8: Proje Geliştirme ve Bitirme

8.1 Büyük Ölçekli Bir Proje Geliştirme

– Öğrenilen bilgilerin pratiğe dönüştürülmesi

– Projeyi planlama ve geliştirme

8.2 Bitirme ve Değerlendirme

– Projenin tamamlanması ve sunumu

* Bu kurs C ve Sistem Programcıları Derneği ve Sistem Bilgisayar işbirliği ile düzenlenmektedir.

* Kurs ücretini sorunuz.