MOBİL UYGULAMA GELİŞTİRME (HİBRİT) EĞİTİMİ

Tek koddan Android ve iOS hibrit uygulama

Ionic ve Capacitor ile tek koddan Android ve iOS'ta çalışan hibrit uygulama geliştirin

Mobil Uygulama Geliştirme (Hibrit) Eğitimi, web teknolojileriyle tek koddan Android ve iOS'ta çalışan uygulamalar geliştirmeyi öğretir.

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

Eğitim Hakkında

Web becerilerinizi Capacitor eklentileri ve mağaza yayınıyla gerçek mobil uygulamaya dönüştürün

Mobil Uygulama Geliştirme (Hibrit) Eğitimi, web teknolojilerini kullanarak tek koddan Android ve iOS'ta çalışan uygulamalar geliştirmeyi öğretir. Katılımcılar Ionic bileşen kütüphanesini, Capacitor köprüsünü ve WebView mimarisini kavrar. Angular veya React ile arayüz, Capacitor eklentileriyle kamera, konum ve depolama gibi cihaz yeteneklerine erişim uygulanır. Program; performans, çevrimdışı kullanım, PWA ve her iki mağazaya yayın süreçleriyle tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; web becerisinden yola çıkılarak tek bir hibrit uygulama kurulur, cihaz yetenekleriyle genişletilir ve mağazaya hazırlanır.

Seviye

Orta Seviye — Ionic, Capacitor ve web teknolojileriyle tek koddan Android ve iOS için hibrit uygulama geliştirme

Öğrenme Metodu

Örnek bir hibrit uygulama üç gün boyunca arayüzden cihaz yeteneklerine ve mağaza yayınına kadar adım adım geliştirilir.

Neden Bu Eğitim?

💡Tek kod tabanı

HTML, CSS ve JavaScript ile yazdığınız tek kod tabanından hem Android hem iOS için uygulama üretmeyi öğrenirsiniz.

♻️Web becerisi

Mevcut web bilginizi doğrudan değerlendirip yeni bir dil öğrenmeden mobil geliştirmeye hızla geçiş yaparsınız.

🔌Cihaz erişimi

Capacitor eklentileriyle kamera, konum ve depolama gibi yerel cihaz yeteneklerine web kodundan erişmeyi uygularsınız.

Anahtar Konular

hibrit mobil uygulama eğitimiionic eğitimicapacitor kursuhibrit uygulama geliştirmeweb tabanlı mobil uygulamatek kod iki platformpwa eğitimicross platform mobilionic angularmobil uygulama geliştirme kursu
“Hibrit geliştirmenin gücü, bir kez yazıp iki platformda çalıştırmaktır; bu eğitim web becerinizi o güce dönüştürmeyi öğretir.”

Ön Koşullar

Eğitim öncesinde faydalı olacak web bilgisi ve ortam kurulumu

1
Web temelleri

HTML, CSS ve JavaScript ile temel düzeyde arayüz kurabilmek hibrit geliştirmeye uyumu oldukça kolaylaştırır.

2
JavaScript mantığı

Fonksiyon, dizi ve asenkron çağrı gibi JavaScript kavramlarına aşinalık uygulamaları takip etmeyi hızlandırır.

3
Node ve npm

Node.js ve npm'in kurulu olması Ionic araçlarını çalıştırmak ve bağımlılıkları yönetmek için gereklidir.

4
Komut satırı

Terminal üzerinden temel komut çalıştırabilmek proje oluşturma ve derleme adımlarında işinizi kolaylaştırır.

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ı hibrit yaklaşımın WebView mimarisini kavrar, Ionic ile proje oluşturur, bileşen kütüphanesini kullanır ve temel gezinme yapısını kurmayı öğrenir.
Modül 1
Hibrit Yaklaşım ve Mimari
  • Yerel, hibrit ve çapraz platform karşılaştırması
  • WebView içinde çalışan uygulama mantığı
  • Capacitor köprüsünün cihaza erişim rolü
  • Hibrit yaklaşımın avantaj ve sınırları
  • Angular ve React seçeneklerinin farkı
  • Kullanım senaryosuna göre yaklaşım seçimi
Modül 2
Ionic Proje Kurulumu
  • Ionic CLI ile proje oluşturma ve şablonlar
  • Proje dizin yapısının incelenmesi
  • ionic serve ile tarayıcıda çalıştırma
  • DevApp ve cihazda canlı önizleme
  • Yapılandırma dosyaları ve ortam ayarları
  • Örnek uygulamanın iskeletinin kurulması
Modül 3
Ionic Bileşen Kütüphanesi
  • ion-button, ion-input ve form bileşenleri
  • ion-list ve ion-item ile liste gösterimi
  • ion-card ve düzen bileşenleriyle arayüz
  • Platforma uyarlı görünüm ve stil
  • ion-icon ve tema değişkenleriyle özelleştirme
  • Duyarlı yerleşim ve ızgara sistemi
Modül 4
Gezinme ve Yönlendirme
  • Sayfa ve route kavramının kurulması
  • Yönlendirici ile sayfalar arası geçiş
  • ion-tabs ile sekmeli gezinme yapısı
  • Parametre ile sayfalar arası veri aktarımı
  • Geri yığını ve gezinme davranışı
  • Modal ve popover ile katmanlı arayüz
Günün hedefiKatılımcı HTTP ile uzak servisten veri çeker, uygulama durumunu yönetir ve Capacitor eklentileriyle kamera, konum ve depolama gibi cihaz yeteneklerine erişmeyi uygular.
Modül 1
Servis ve HTTP Erişimi
  • HTTP istemciyle REST API'ye bağlanma
  • Observable veya Promise ile asenkron veri
  • Servis katmanının mantıksal ayrılması
  • Hata ve yükleniyor durumlarının yönetimi
  • Token ile kimlik doğrulama ve başlık
  • Veriyi listeye bağlayıp gösterme
Modül 2
Durum ve Form Yönetimi
  • Bileşenler arası veri paylaşımı mantığı
  • Form denetimi ve kullanıcı girdisi
  • Girdi doğrulama ve hata geri bildirimi
  • Reaktif veri akışıyla arayüz güncelleme
  • Yerel durum ile global durum ayrımı
  • Kullanıcı deneyimi için anlık yanıt
Modül 3
Capacitor Eklenti Sistemi
  • Capacitor köprüsünün çalışma mantığı
  • Resmi eklentilerin projeye eklenmesi
  • Platform senkronizasyonu ve yapılandırma
  • Web ve yerel davranış farkının yönetimi
  • Eklenti izinlerinin tanımlanması
  • Topluluk eklentilerine genel bakış
Modül 4
Cihaz Yeteneklerine Erişim
  • Camera eklentisiyle fotoğraf çekme
  • Geolocation ile konum bilgisi alma
  • Preferences ile anahtar-değer saklama
  • Filesystem ile dosya okuma ve yazma
  • Share ile içerik ve dosya paylaşımı
  • Haptics ve cihaz geri bildirimi
Günün hedefiKatılımcı çevrimdışı veri saklar, PWA yeteneklerini ekler, performansı iyileştirir ve uygulamayı hem Android hem iOS mağazasına hazırlamayı öğrenir.
Modül 1
Çevrimdışı ve Yerel Depolama
  • Preferences ile küçük verilerin saklanması
  • SQLite ile yapısal yerel veri yönetimi
  • Çevrimdışı önbellek ve eşitleme mantığı
  • Ağ durumunun algılanması ve yanıtı
  • Çevrimdışı öncelikli veri stratejisi
  • Çakışma ve veri tutarlılığının yönetimi
Modül 2
PWA ve Web Dağıtımı
  • PWA kavramı ve manifest dosyası
  • Service worker ile önbellekleme
  • Yüklenebilir web uygulaması deneyimi
  • Web ve mobil dağıtımın birlikte yönetimi
  • PWA ile mağaza yayını karşılaştırması
  • Çevrimdışı çalışan PWA kurulumu
Modül 3
Performans ve Optimizasyon
  • WebView performans darboğazlarının farkı
  • Lazy loading ile modül geç yükleme
  • Liste sanallaştırma ile akıcı kaydırma
  • Paket boyutunu küçültme yöntemleri
  • Gereksiz yeniden çizimlerin azaltılması
  • Gerçek cihazda performans ölçümü
Modül 4
Android ve iOS Yayını
  • Capacitor ile yerel projelerin üretilmesi
  • Android Studio ile APK ve AAB oluşturma
  • Xcode ile iOS yapı ve imzalama
  • Uygulama izinleri ve yapılandırma
  • Play Store ve App Store yükleme süreci
  • Sürüm yönetimi ve güncelleme stratejisi

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Hibrit mimari

Hibrit, yerel ve çapraz platform yaklaşımlarının farkını kavrar, projeye uygun olanı bilinçle seçebilirsiniz.

✅
Ionic arayüz

Ionic bileşen kütüphanesi ile platforma uyarlı, duyarlı ve tutarlı mobil arayüzler tasarlayabilirsiniz.

✅
Gezinme kurgusu

Sekme, sayfa ve modal yapılarıyla kullanıcıyı doğru yönlendiren bir gezinme deneyimi kurabilirsiniz.

✅
Servis entegrasyonu

HTTP istemciyle REST servislerine bağlanır, veriyi asenkron çeker ve arayüze güvenle bağlarsınız.

✅
Cihaz yetenekleri

Capacitor eklentileriyle kamera, konum, depolama ve paylaşım gibi cihaz yeteneklerine web kodundan erişirsiniz.

✅
Çevrimdışı ve PWA

Yerel depolama ve PWA yetenekleriyle çevrimdışı da çalışan, yüklenebilir uygulamalar geliştirebilirsiniz.

✅
Performans

WebView kaynaklı darboğazları tanır, geç yükleme ve optimizasyonla akıcı bir deneyim sağlayabilirsiniz.

✅
İki mağazaya yayın

Capacitor ile yerel projeleri üretip uygulamayı hem Play Store hem App Store için hazırlayabilirsiniz.

Kimler İçin Uygundur?

  • HTML
  • CSS ve JavaScript bilen
  • web becerisini mobil uygulamaya taşımak isteyen ön yüz geliştiricileri
  • tek koddan iki platforma yayın yapmak isteyen ekipler
  • girişimciler için uygundur

Sıkça Sorulan Sorular

Hibrit uygulama ile yerel uygulama arasındaki fark nedir?
Yerel uygulama her platform için ayrı dille yazılırken hibrit uygulama web teknolojileriyle tek kod tabanından iki platforma üretilir ve WebView içinde çalışır. Hibrit yaklaşım daha hızlı geliştirme sunar; cihaz yeteneklerine Capacitor köprüsü üzerinden erişilir.
Bu eğitim kimler için uygundur?
HTML, CSS ve JavaScript bilen ön yüz geliştiricileri, web becerisini mobil uygulamaya taşımak isteyenler ve tek koddan iki platforma yayın yapmak isteyen ekipler için uygundur. Temel web bilgisi yeterlidir; mobil kavramlar eğitimde ele alınır.
Angular mı React mı kullanılıyor?
Ionic hem Angular hem React ile kullanılabilir. Eğitim temel örnekleri bir çerçeve üzerinden işler ve iki seçeneğin farkını açıklar. Kurumsal gruplar için tercih edilen çerçeveye göre içerik uyarlanabilir.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Örnek bir hibrit uygulama arayüzden cihaz yeteneklerine ve mağaza yayınına kadar adım adım geliştirilir. Yüz yüze veya online yapılabilir ve kurumun ihtiyacına göre 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 örnek uygulamayı belgeler; kurumsal gruplara özel uyarlama yapılabilir.

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. Mobil Uygulama Geliştirme (Hibrit) Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

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

Bu Eğitimle Birlikte Tercih Edilenler

Mobil Geliştirme TemelleriMicrosoft 365 Mobile Apps Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Microsoft 365 Mobile Apps Eğitimi

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

Power Apps, Power Fx, Dataverse ve Power Automate ile Microsoft 365 üzerinde mobil iş uygulamaları geliştirmeyi öğreten uygulamalı kurumsal eğitim.

Detayları Gör →
Mobil Geliştirme TemelleriMobil Uygulama Geliştirme Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Mobil Uygulama Geliştirme Eğitimi

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

Flutter ve Dart ile tek koddan Android ve iOS için ağ, yerel veri ve modern arayüzlü mobil uygulama geliştirmeyi öğreten uygulamalı kurumsal eğitim.

Detayları Gör →
Mobil Geliştirme TemelleriMobil Uygulama Test Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Mobil Uygulama Test Eğitimi

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

Birim, arayüz ve Appium otomasyon testleriyle Android ve iOS uygulamalarında kalite güvencesi ve CI/CD entegrasyonunu öğreten uygulamalı kurumsal eğitim.

Detayları Gör →
Mobil Geliştirme TemelleriAdding Elements & the Mobile Application Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Adding Elements & the Mobile Application Eğitimi

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

Android proje yapısı, UI elemanları, ConstraintLayout, RecyclerView, navigasyon ve Room ile sıfırdan mobil uygulama geliştirme eğitimi. Uygulamalı.

Detayları Gör →
Mobil Geliştirme TemelleriAzure Developer: Creating Mobile Apps Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Azure Developer: Creating Mobile Apps Eğitimi

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

App Service, Cosmos DB, Notification Hubs, Azure Functions ve AD B2C ile Azure üzerinde mobil backend geliştirme eğitimi. İzleme ve CI/CD uygulamalı.

Detayları Gör →
Mobil Geliştirme TemelleriISTQB Certified Tester Mobile Application Testing Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

ISTQB Certified Tester Mobile Application Testing Eğitimi

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

Mobil test türleri, cihaz ortamları, test teknikleri ve Appium otomasyonuyla ISTQB CT-MAT mobil uygulama testi eğitimi. Sınav hazırlığı uygulamalı.

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn