Ionic 8 ile Çapraz Platformlu Mobil Uygulama Geliştirme Eğitimi

Ionic ve Çapraz Platformlu Geliştirme Manzarasına Giriş

• Ionic nedir ve yerel veya Flutter yerine ne zaman tercih edilmeli?
• Ionic UI'yi sağlayan Web Components mimarisi
• Angular, React ve Vue ekosistemleri arasında çerçeve desteği
• PWA ve mobil uygulamalar için gerçek dünya kullanım durumları

Geliştirme Ortamının Kurulumu

• Node.js ve npm kurulumu ve yapılandırması
• Ionic CLI'nin yüklenmesi
• Yeni bir Ionic projesinin oluşturulması ve iskeletinin kurulması
• Uygulamaları tarayıcıda ve bağlı cihaz modunda çalıştırma

Proje Yapısı ve Mimari Derinlemesine İnceleme

• Sayfalar, modüller ve yeniden kullanılabilir bileşenler
• Yönlendirme sistemini anlama ve yapılandırma
• Hizmetler ve bağımlılık enjeksiyonu kalıpları
• Kaynak dizinleri ve ortam yapılandırması

Çekirdek UI Bileşenleri ve Yerleşim

• Sayfa yapısı için ion-header, ion-toolbar ve ion-content kullanımı
• Giriş kontrolleri: ion-input, ion-select, ion-checkbox
• Düğmeler, FAB (Eylem Çapı Düğmesi), kartlar, listeler ve ızgara sistemi
• Modern Ionic form kontrol standartları
• Uygulamalı: Giriş sayfası ve gösterge paneli yerleşimi oluşturma

Dolaşım ve Yönlendirme Stratejileri

• Angular Router ve React Router entegrasyonu
• Sayfa dolaşım kalıpları ve derin bağlantılar (deep linking)
• Performans için temelli yükleme (lazy loading)
• Tablar dolaşımı ve yan menü kalıpları

Stil ve Temalandırma

• CSS değişkenleri ve Ionic renk sistemi
• Koyu mod desteği uygulama
• Ionic 8'de dinamik yazı tipleri ve palet özelleştirme
• Cihaz kırılım noktaları (breakpoints) arasında duyarlı stil uygulaması

Formlar ve Doğrulama

• Angular için tepkisel formlar çerçevesi
• React için özel hooks ve doğrulama kalıpları
• Hata yönetimi ve doğrulama kullanıcı arayüzü geri bildirimi
• Karmaşık çok adımlı formlar oluşturma ve doğrulama

Hizmetler ve API Entegrasyonu

• HTTP istemcisi yapılandırması ve ara yazılımlar (interceptors)
• RESTful API çağrıları yapma ve yanıtları işleme
• Durum yönetimi için en iyi uygulamalar
• Hata sınırları (error boundaries) ve ağ başarısızlığı durumunda kurtarma

Capacitor ve Yerel Cihaz Özellikleri

• Capacitor köprüsünü ve eklenti ekosistemini anlama
• Capacitor'ın mevcut bir projeye kurulması ve yapılandırılması
• Kamera ve resim seçiciye erişme
• Konum belirleme ve harita entegrasyonu
• Yerel depolama ve tercihler
• Uygulamalı: cihaz üzerinde resim yakalama ve veri saklama

Gelişmiş UI Bileşenleri

• Modern Ionic'te diyaloglar (modals), pop-up'lar ve uyarılar
• Bildirimler (toast) ve yükleme katmanları
• Olaylar ve üst katman (overlay) mimarisinde Ionic 8 iyileştirmeleri
• Karmaşık UI katmanları için performans hususları

Performans Optimizasyon Teknikleri

• Kod parçalama ve temelli yükleme için en iyi uygulamalar
• Paket boyutunu azaltma ve yaygın tuzaklardan kaçınma
• Listeler ve büyük veri kümeleri için render optimizasyonu

İlerleyici Web Uygulaması (PWA) ve Derleme Havuzu

• Uygulamayı bir İlerleyici Web Uygulamasına dönüştürme
• Hizmet çalışanlarını yapılandırma ve çevrimdışı yetenekler
• Uygulama manifestosu ve PWA yükleme istemleri

Derleme Süreçleri ve Dağıtım

• Üretim Android ve iOS için derleme ve paketleme
• Uygulama mağazası gönderim gereksinimleri ve meta verileri yapılandırma
• Aşama ve üretim ortamları arasında ortam yapılandırmasını yönetme

Kapasite Geliştirme: Eksiksiz Mini Bir Uygulama Oluşturma

• Uygulama mimarisini ve dolaşım akışını tasarlama
• Kimlik doğrulama ile bir giriş sayfası uygulama
• Canlı veri entegrasyonlu bir gösterge paneli oluşturma
• Capacitor aracılığıyla yerel kamera özelliği ekleme
• Kod incelemesi, test ve dağıtım hazırlığı