ADVANCED FEATURES OF IONIC JAVASCRIPT & CLI EĞİTİMİ

Ionic'i CLI ve native güçle üretime taşıyın

Gelişmiş Ionic CLI, Capacitor native entegrasyonu, Stencil bileşenleri, performans ve CI/CD

Advanced Features of Ionic JavaScript & CLI Eğitimi, temel Ionic bilgisini aşıp üretim düzeyinde hibrit uygulamalar geliştirmeyi ve güçlü bir CLI iş akışı kurmayı öğretir.

5 gün İleri Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

CLI iş akışından native entegrasyona, performanstan dağıtıma ileri Ionic konuları

Advanced Features of Ionic JavaScript & CLI Eğitimi, temel Ionic bilgisini aşıp üretim düzeyinde hibrit uygulamalar geliştirmeyi ve güçlü bir CLI iş akışı kurmayı öğretir. Katılımcılar Ionic CLI ile üreteçleri, ortam yapılandırmasını ve derleme hattını ustalaşır. Program Capacitor ile ileri native entegrasyon ve özel eklenti, Stencil ile yeniden kullanılabilir web bileşenleri, performans ve durum yönetimi, PWA, test ve CI/CD tabanlı dağıtımı kapsar.

Süre ve Format

5 Gün. Her gün dört modül; CLI iş akışı, native entegrasyon, bileşen, performans ve dağıtım ileri düzeyde işlenir.

Seviye

İleri Seviye — Ionic CLI, Capacitor, Stencil ve performansla üretim düzeyinde hibrit uygulama geliştirme

Öğrenme Metodu

Üretim düzeyinde bir örnek uygulama beş gün boyunca geliştirilir; her modülde ileri bir Ionic veya CLI yeteneği eklenir.

Neden Bu Eğitim?

⚙️Güçlü CLI akışı

Ionic CLI'ın üreteç, ortam ve derleme yeteneklerini ustalaşarak ekip ölçeğinde hızlı ve tutarlı bir iş akışı kurarsınız.

📱İleri native güç

Capacitor ile özel eklenti yazar, arka plan ve bildirim gibi ileri native yetenekleri uygulamanıza derinlemesine entegre edersiniz.

🚀Üretim kalitesi

Performans, test ve CI/CD tabanlı dağıtımla uygulamanızı yalnızca geliştirmez, güvenle yayınlanabilir hâle getirirsiniz.

Anahtar Konular

ileri ionic eğitimiionic cli kursuionic capacitor eğitimistencil bileşen geliştirmeionic performans optimizasyonuionic cicd dağıtımhibrit uygulama geliştirmeözel capacitor eklentiionic pwa eğitimiileri mobil geliştirme kursu
“İleri Ionic, doğru CLI akışı, derin native entegrasyon ve otomatik dağıtımın buluştuğu yerde başlar; bu eğitim o noktayı kurar.”

Ön Koşullar

İleri konulara geçmeden önce gerekli olan bilgi ve ortam

1
Ionic deneyimi

Ionic ile bileşen, yerleşim ve gezinme kullanarak en az bir uygulama geliştirmiş olmak gerekir.

2
JavaScript ve TypeScript

Modern JavaScript ve TypeScript ile eşzamansız kod ve tip tanımı konusunda rahat olmak önerilir.

3
Native ortam kurulumu

Android Studio ve mümkünse Xcode kurulu, cihaza derleme yapabilir bir ortam gereklidir.

4
Komut satırı ve Git

Terminal komutları ve temel Git kullanımına aşinalık CI/CD konularını 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ı Ionic CLI üreteçlerini ileri düzeyde kullanır, ortam bazlı yapılandırma kurar, derleme hattını özelleştirir ve Capacitor komutlarıyla akışı birleştirir.
Modül 1
CLI Üreteçleri ve Yapı
  • ionic generate ile sayfa ve servis üretimi
  • Tutarlı proje yapısı için üreteç kullanımı
  • Özel şema ve şablonlarla kod üretimi
  • Monorepo ve çok uygulamalı yapı yönetimi
  • Ortak modül ve kütüphane paylaşımı
  • CLI eklentileri ve entegrasyon komutları
Modül 2
Ortam Yapılandırması
  • Geliştirme ve üretim ortam ayrımı
  • Ortam değişkenleriyle yapılandırma yönetimi
  • API uç noktalarının ortama göre ayarı
  • Yapı zamanı değişkenlerinin enjeksiyonu
  • Gizli anahtarların güvenli yönetimi
  • Ortama göre farklı derleme çıktısı
Modül 3
Derleme Hattı ve Betikler
  • ionic build ile üretim derlemesi alma
  • Derleme bayraklarıyla çıktı özelleştirme
  • npm betikleriyle görevleri otomatikleştirme
  • Varlık ve kaynak optimizasyon adımları
  • Kaynak haritası ve hata ayıklama ayarı
  • Paket boyutunu ölçme ve küçültme
Modül 4
Capacitor Komut Akışı
  • cap sync ile web ve native senkronizasyonu
  • cap copy ile varlık kopyalama farkı
  • cap run ile cihazda hızlı çalıştırma
  • Live reload ile cihaz üzerinde geliştirme
  • Platform ekleme ve güncelleme komutları
  • CLI ile native proje açma ve yönetim
Günün hedefiKatılımcı Capacitor eklentilerini ileri düzeyde yapılandırır, kendi özel eklentisini yazar, arka plan görevlerini yönetir ve anlık bildirim altyapısını kurar.
Modül 1
İleri Eklenti Yapılandırması
  • Eklenti izin ve yapılandırma ayarları
  • iOS ve Android native yapılandırma farkları
  • Dosya sistemi ve depolama eklentileri
  • Kamera ve medya eklentisi ince ayarları
  • Eklenti çakışması ve sürüm yönetimi
  • Platforma özel davranışların ele alınması
Modül 2
Özel Capacitor Eklentisi
  • Özel eklenti iskeletinin oluşturulması
  • TypeScript arayüzüyle API tanımlama
  • Android tarafında Kotlin ile gerçekleştirim
  • iOS tarafında Swift ile gerçekleştirim
  • Web uygulaması için geri dönüş sağlama
  • Eklentiyi paketleme ve yeniden kullanma
Modül 3
Arka Plan Görevleri
  • Arka plan çalışma kısıtlamalarının kavranması
  • Uygulama durumu ve ömür olaylarının yönetimi
  • Arka planda konum veya veri güncelleme
  • Pil ve kaynak kullanımına duyarlı tasarım
  • Yeniden başlatmada durum koruma
  • Platforma göre arka plan farklarının ele alınması
Modül 4
Anlık Bildirim Altyapısı
  • Push Notifications eklentisi kurulumu
  • Cihaz jetonu alma ve kaydetme akışı
  • Yerel bildirim planlama ve gösterimi
  • Bildirime tıklayınca yönlendirme yönetimi
  • FCM ve APNs ile sunucu entegrasyonu
  • Bildirim izni ve kullanıcı onayı yönetimi
Günün hedefiKatılımcı Stencil ile çerçeveden bağımsız web bileşenleri geliştirir, bunları projelere entegre eder, ileri tema tekniklerini uygular ve bir tasarım sistemi kurar.
Modül 1
Stencil ile Bileşen Geliştirme
  • Stencil ve Web Components ilişkisinin kavranması
  • Component dekoratörüyle bileşen tanımlama
  • Prop, State ve Event dekoratörleri kullanımı
  • Shadow DOM ile stil izolasyonu
  • Yaşam döngüsü kancalarının kullanımı
  • Bileşenin derlenip paketlenmesi
Modül 2
Bileşen Entegrasyonu
  • Stencil bileşenini Ionic projesine ekleme
  • Angular, React ve Vue sarmalayıcıları
  • Özel olay ve veri aktarımının yönetimi
  • Bileşen kütüphanesi olarak yayınlama
  • Sürümleme ve geriye dönük uyumluluk
  • Çerçeveden bağımsız yeniden kullanım
Modül 3
İleri Tema Teknikleri
  • CSS değişkenleriyle çok katmanlı tema
  • Bileşen bazında tema token tasarımı
  • Shadow parts ile dışarıdan stil verme
  • Dinamik tema değişimi ve koyu mod
  • Marka bazlı çoklu tema desteği
  • Erişilebilir kontrast ve renk yönetimi
Modül 4
Tasarım Sistemi Kurma
  • Yeniden kullanılabilir bileşen kataloğu
  • Tutarlı aralık, tipografi ve renk ölçeği
  • Bileşen dokümantasyonu ve örnekleri
  • Tasarım token'larının merkezi yönetimi
  • Ekip genelinde bileşen paylaşımı
  • Sürdürülebilir tasarım sistemi stratejisi
Günün hedefiKatılımcı lazy loading ile uygulamayı hızlandırır, sanal ve sonsuz listelerle büyük veriyi yönetir, durum yönetimi kurar ve hareket ile animasyonları uygular.
Modül 1
Lazy Loading ve Hız
  • Rota bazlı tembel modül yüklemesi
  • İlk açılış süresini kısaltma teknikleri
  • Bileşen ve görsel için tembel yükleme
  • Preloading stratejisiyle akıcı geçiş
  • Paket bölme ile daha küçük ilk yük
  • Değişiklik denetimi ile render optimizasyonu
Modül 2
Sanal ve Sonsuz Listeler
  • Sanal kaydırma ile büyük liste gösterimi
  • ion-infinite-scroll ile sayfalı yükleme
  • Görünür öğelerin verimli render edilmesi
  • ion-virtual-scroll yaklaşımının kavranması
  • Liste öğesinin yeniden kullanımı
  • Büyük veride kaydırma akıcılığı ölçümü
Modül 3
Durum Yönetimi ve Uygulaması
  • Uygulama durumunu merkezi yönetme ihtiyacı
  • Servis tabanlı durum ve observable akış
  • RxJS ile reaktif veri akışı yönetimi
  • Durum ve olayın ayrı tutulması
  • Önbellekleme ve çevrimdışı veri stratejisi
  • Durum yönetiminde test edilebilirlik
Modül 4
Hareket ve Animasyon
  • Gesture Controller ile dokunma hareketleri
  • Kaydırma ve sürükleme etkileşimi tasarımı
  • Animation API ile özel animasyon kurma
  • Sayfa geçiş animasyonlarını özelleştirme
  • Performanslı ve akıcı animasyon ilkeleri
  • Erişilebilirlik için hareket azaltma desteği
Günün hedefiKatılımcı uygulamayı ileri PWA olarak kurar, birim ve uçtan uca testler yazar, CI/CD hattı tasarlar ve mağaza ile canlı güncelleme dağıtımını uygular.
Modül 1
İleri PWA Yetenekleri
  • Service worker ile önbellek stratejileri
  • Çevrimdışı öncelikli veri ve içerik sunumu
  • Arka planda senkronizasyon yaklaşımı
  • Yüklenebilir uygulama ve manifest ayarı
  • Web push bildirim entegrasyonu
  • PWA performans ve denetim ölçümü
Modül 2
Birim ve Bileşen Testi
  • Jest veya Jasmine ile birim testi yazma
  • Servis ve mantık için test tasarımı
  • Bileşen davranışının izole test edilmesi
  • Sahte veri ve bağımlılık taklidi
  • Kod kapsamının ölçülmesi ve artırılması
  • Test odaklı geliştirme yaklaşımı
Modül 3
Uçtan Uca Test ve Uygulaması
  • Cypress veya benzer araçla akış testi
  • Kullanıcı senaryolarının uçtan uca doğrulanması
  • Sayfa ve bileşen seçicileriyle etkileşim
  • Ağ yanıtlarının taklit edilmesi
  • Testlerin kararlı ve tekrarlanabilir kurgusu
  • Hata ayıklama için ekran görüntüsü ve kayıt
Modül 4
CI/CD ve Mağaza Dağıtımı
  • Git tabanlı sürekli entegrasyon hattı kurma
  • Otomatik test ve derleme adımları tanımlama
  • Android ve iOS derlemelerini otomatikleştirme
  • Mağaza yükleme ve imzalama otomasyonu
  • Appflow ile canlı güncelleme dağıtımı
  • Sürümleme ve aşamalı yayın stratejisi

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
İleri CLI akışı

Ionic CLI üreteçlerini, ortam yapılandırmasını ve derleme hattını kullanarak ekip ölçeğinde verimli bir iş akışı kurarsınız.

✅
Native entegrasyon

Capacitor eklentilerini ileri düzeyde yapılandırır, arka plan görevlerini ve anlık bildirim altyapısını yönetebilirsiniz.

✅
Özel eklenti geliştirme

Kendi Capacitor eklentinizi TypeScript, Kotlin ve Swift tarafıyla yazar ve projeler arasında yeniden kullanırsınız.

✅
Stencil bileşenleri

Stencil ile çerçeveden bağımsız web bileşenleri geliştirir, bunları paketleyip farklı projelere entegre edebilirsiniz.

✅
Tasarım sistemi

İleri tema teknikleriyle marka bazlı çoklu tema ve sürdürülebilir bir bileşen tabanlı tasarım sistemi kurarsınız.

✅
Performans ve durum

Lazy loading, sanal liste ve reaktif durum yönetimiyle büyük veri ve akıcılık gerektiren uygulamaları optimize edersiniz.

✅
Test altyapısı

Birim, bileşen ve uçtan uca testler yazarak uygulamanızın kararlılığını güvence altına almayı öğrenirsiniz.

✅
CI/CD dağıtımı

Sürekli entegrasyon hattı kurar, derleme ve yayını otomatikleştirir ve canlı güncelleme ile dağıtımı yönetirsiniz.

Kimler İçin Uygundur?

  • Temel Ionic ve JavaScript deneyimi olup uygulamalarını ileri native entegrasyon
  • özel bileşen
  • performans
  • otomatik dağıtımla üretim düzeyine taşımak isteyen orta ve ileri düzey hibrit uygulama geliştiricileri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Temel Ionic ve JavaScript deneyimi olup uygulamalarını ileri native entegrasyon, özel bileşen, performans ve otomatik dağıtımla üretim düzeyine taşımak isteyen orta ve ileri düzey geliştiriciler için uygundur. Yeni başlayanlar için önce temel Ionic eğitimleri önerilir.
Temel Ionic eğitiminden farkı nedir?
Temel eğitimler bileşen, yerleşim ve gezinme gibi konulara odaklanır. Bu ileri eğitim ise gelişmiş CLI iş akışı, Capacitor ile özel eklenti geliştirme, Stencil bileşenleri, performans ve durum yönetimi ile CI/CD dağıtımını kapsar. Üretim kalitesinde uygulama ve ekip iş akışı hedefler.
Özel Capacitor eklentisi yazmak için native bilgi gerekir mi?
Eğitimde özel eklenti geliştirme Android için Kotlin ve iOS için Swift tarafıyla birlikte adım adım gösterilir. Derin native uzmanlık şart değildir; gerekli native kavramlar örneklerle açıklanır. Web geri dönüşüyle eklentinin her ortamda çalışması da ele alınır.
Eğitimde hangi araçlar kullanılıyor?
Eğitimde Ionic CLI, Capacitor, Stencil, bir test çatısı ve CI/CD için Git tabanlı bir hat kullanılır. Android Studio ve mümkünse Xcode ile cihaza derleme yapılır. Appflow ile canlı güncelleme dağıtımı da gösterilir; katılımcıların native derleme ortamı önerilir.
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 beş gün boyunca geliştirilen örnek uygulamayı belgeler; eğitim yüz yüze veya online verilebilir ve kurumsal ekiplere özel uyarlanabilir.

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. Advanced Features of Ionic JavaScript & CLI Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

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

Bu Eğitimle Birlikte Tercih Edilenler

Çapraz Platform GeliştirmeExploring Ionic JavaScript Basics, Layouts, & Navigation Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Exploring Ionic JavaScript Basics, Layouts, & Navigation Eğitimi

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

Ionic uygulamalarında JavaScript mantığını, ion-grid ile duyarlı yerleşimi ve router ile çok ekranlı gezinmeyi öğreten uygulamalı temel eğitim programı.

Detayları Gör →
Çapraz Platform GeliştirmeFundamentals of the Ionic Framework Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Fundamentals of the Ionic Framework Eğitimi

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

Web teknolojileriyle Ionic çerçevesinin temellerini, bileşen kütüphanesini, tema sistemini ve Capacitor köprüsünü öğreten uygulamalı temel eğitim.

Detayları Gör →
Çapraz Platform GeliştirmeGelişmiş .NET MAUI Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Gelişmiş .NET MAUI Eğitimi

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

CommunityToolkit.Mvvm, Shell, özel handler mimarisi, MAUI Graphics ve performans iyileştirmeyle ileri düzey .NET MAUI geliştirmeyi öğreten eğitim.

Detayları Gör →
Çapraz Platform GeliştirmeIntroduction to React Native Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Introduction to React Native Eğitimi

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

JSX, Hooks, React Navigation, FlatList ve native API ile iOS ve Android için tek kod tabanlı mobil uygulama geliştirmeyi öğreten uygulamalı eğitim.

Detayları Gör →
Çapraz Platform GeliştirmeIonic ile Çapraz Platformlu Mobil Uygulama Geliştirme Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

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

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

Ionic bileşenleri, Capacitor köprüsü ve WebView ile web bilginizden iOS ve Android uygulaması üretip iki mağazaya dağıtmayı öğreten uygulamalı eğitim.

Detayları Gör →
Çapraz Platform GeliştirmeReact Native Expo Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

React Native Expo Eğitimi

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

Expo SDK, Expo Router, EAS Build ve OTA güncellemeleriyle React Native'de hızlı mobil uygulama geliştirip buluttan yayınlamayı öğreten uygulamalı eğitim.

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