FUNDAMENTALS OF THE IONIC FRAMEWORK EĞİTİMİ

Web becerilerinizle Ionic'e sağlam bir giriş

Ionic bileşenleri, CSS değişkenleriyle tema ve Capacitor ile web'den mobil uygulamaya geçiş

Fundamentals of the Ionic Framework Eğitimi, HTML, CSS ve JavaScript bilen geliştiricilere Ionic ile mobil uygulama geliştirmenin temellerini öğretir.

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

Eğitim Hakkında

Hibrit yaklaşımdan bileşen kütüphanesine ve Capacitor köprüsüne Ionic temelleri

Fundamentals of the Ionic Framework Eğitimi, HTML, CSS ve JavaScript bilen geliştiricilere Ionic çerçevesiyle mobil uygulama geliştirmenin temellerini öğretir. Katılımcılar hibrit uygulama mantığını, Ionic CLI ile proje kurulumunu ve zengin bileşen kütüphanesini öğrenir. Program CSS değişkenleriyle tema ve platform stillerini, ikon ve tipografiyi, Capacitor ile kamera ve konum gibi cihaz yeteneklerine erişimi ve uygulamayı gerçek cihazda çalıştırmayı kapsar.

Süre ve Format

3 Gün. Her gün dört modül; Ionic temelleri, bileşenler, tema ve Capacitor tek bir örnek uygulama üzerinde uygulamalı işlenir.

Seviye

Temel Seviye — Web teknolojileriyle Ionic çerçevesinin temellerini, bileşenlerini ve Capacitor köprüsünü öğrenme

Öğrenme Metodu

Örnek bir uygulama üç gün boyunca geliştirilir; her modülde yeni bir Ionic bileşeni veya Capacitor yeteneği eklenir.

Neden Bu Eğitim?

🎯Web'den mobile

Mevcut HTML, CSS ve JavaScript bilginizle ayrı bir dil öğrenmeden mobil uygulama geliştirmeye hızlı bir giriş yaparsınız.

🧩Hazır bileşenler

Ionic'in platforma uyum sağlayan zengin hazır bileşen kütüphanesiyle profesyonel arayüzleri çok daha hızlı oluşturursunuz.

📱Gerçek cihaz

Capacitor köprüsüyle web uygulamanızı kamera ve konum gibi native yeteneklere erişen bir mobil uygulamaya dönüştürürsünüz.

Anahtar Konular

ionic framework eğitimiionic temelleri kursuionic mobil uygulamahibrit uygulama geliştirmeionic capacitor eğitimiweb mobil uygulamaionic bileşenleriionic tema cssçapraz platform ionicionic başlangıç eğitimi
“Ionic, web becerisini mobil uygulamaya açan en kısa köprüdür; bu eğitim o köprünün temellerini sağlam biçimde kurar.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve kurulum

1
HTML ve CSS bilgisi

Etiketlerle sayfa yapısı kurma ve CSS ile stil verme konusunda temel bir bilgiye sahip olmak gerekir.

2
Temel JavaScript

Değişken, fonksiyon ve olay gibi temel JavaScript kavramlarına aşinalık öğrenmeyi kolaylaştırır.

3
Node.js kurulumu

Node.js ve npm'in kurulu ve Ionic CLI yükleyip proje çalıştırabilir durumda olması gerekir.

4
Komut satırı aşinalığı

Terminalde temel komut çalıştırma alışkanlığı CLI kullanımını kolaylaştırır; gerekli komutlar işlenir.

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 uygulama kavramını kavrar, Ionic CLI ile proje oluşturur, proje yapısını tanır ve Angular, React ya da Vue seçiminin anlamını öğrenir.
Modül 1
Hibrit Uygulama Kavramı
  • Web teknolojisiyle mobil uygulama mantığı
  • WebView içinde çalışma ve etkileri
  • Native, hibrit ve web uygulama karşılaştırması
  • Tek kod tabanıyla çoklu platform avantajı
  • Ionic ve Capacitor ilişkisinin kavranması
  • Hibrit yaklaşımın güçlü ve sınırlı yanları
Modül 2
Ionic CLI ile Başlangıç
  • Ionic CLI kurulumu ve sürüm kontrolü
  • ionic start ile yeni proje oluşturma
  • Hazır şablonlardan proje başlatma
  • ionic serve ile tarayıcıda çalıştırma
  • Canlı yeniden yükleme ile hızlı geliştirme
  • Temel CLI komutlarının tanınması
Modül 3
Proje Yapısı ve Dosyalar
  • src klasörü ve kaynak dosya düzeni
  • Sayfa ve bileşen dosyalarının yerleşimi
  • Global stil ve tema dosyalarının yeri
  • Yapılandırma dosyalarının görevleri
  • Varlık ve kaynak klasörü yönetimi
  • Derleme çıktısının oluşturulma mantığı
Modül 4
Çerçeve Seçimi ve Yapı
  • Angular, React ve Vue desteğinin karşılaştırması
  • Standalone bileşen yaklaşımına bakış
  • Ionic bileşenlerinin çerçeveden bağımsızlığı
  • Seçime göre proje farklarının kavranması
  • Ekip bilgisine göre doğru seçim yapma
  • Web Components temelinin anlaşılması
Günün hedefiKatılımcı Ionic bileşen kütüphanesini kullanır, ikon ve tipografiyi yönetir, CSS değişkenleriyle tema oluşturur ve platforma özel stilleri kavrar.
Modül 1
Temel Ionic Bileşenleri
  • ion-button ile eylem düğmeleri oluşturma
  • ion-card ile içerik kartları tasarlama
  • ion-list ve ion-item ile liste gösterimi
  • ion-input ve ion-textarea ile girdi alma
  • ion-toolbar ve ion-header ile üst bar
  • ion-icon ile görsel simge kullanımı
Modül 2
İkon ve Tipografi
  • Ionicons kütüphanesinin kullanımı
  • İkon isimleri ve mod varyantları
  • Tipografi ölçeği ve metin denetimleri
  • ion-text ile renk ve vurgu yönetimi
  • Erişilebilir etiket ve açıklama ekleme
  • Görsel tutarlılık için ikon seçimi
Modül 3
CSS Değişkenleriyle Tema
  • Ionic tema değişkenlerinin yapısı
  • Birincil ve ikincil renk tanımları
  • variables.scss ile genel tema ayarı
  • Bileşen düzeyinde CSS değişkeni geçersiz kılma
  • Koyu tema desteğinin eklenmesi
  • Marka renklerine uygun palet oluşturma
Modül 4
Platform Stilleri
  • iOS ve Android mod farklarının kavranması
  • Mode ayarıyla görünümün sabitlenmesi
  • Platforma göre otomatik stil uyarlaması
  • Güvenli alan ve çentik yönetimi
  • Platforma özel ince stil düzenlemeleri
  • Tutarlı deneyim için stil stratejisi
Günün hedefiKatılımcı Capacitor köprüsünü kavrar, kamera ve konum gibi eklentileri kullanır, uygulamayı gerçek cihaza derler ve PWA olarak yayınlamayı öğrenir.
Modül 1
Capacitor Köprüsü
  • Capacitor ile web ve native katman köprüsü
  • Projeye iOS ve Android platform ekleme
  • Capacitor yapılandırma dosyasının rolü
  • Web varlıklarının native projeye kopyalanması
  • Eklenti API'sinin JavaScript'ten çağrılması
  • Cordova ile fark ve geçişin kavranması
Modül 2
Native Eklentiler
  • Camera eklentisiyle fotoğraf çekme
  • Geolocation ile konum bilgisi alma
  • Preferences ile basit veri saklama
  • Haptics ile dokunsal geri bildirim
  • Share eklentisiyle içerik paylaşımı
  • Eklenti izinlerinin istenmesi ve yönetimi
Modül 3
Gerçek Cihaza Derleme
  • Android Studio ile proje açma ve çalıştırma
  • Xcode ile iOS projesini çalıştırma
  • Fiziksel cihazda uygulamayı test etme
  • Canlı yeniden yükleme ile cihazda geliştirme
  • Derleme hatalarını tanıma ve çözme
  • Uygulama ikonu ve açılış ekranı ayarı
Modül 4
PWA Olarak Yayın
  • Progressive Web App kavramının kavranması
  • Service worker ile çevrimdışı destek
  • Manifest ile yüklenebilir web uygulaması
  • Web sunucusunda uygulamayı barındırma
  • Tek koddan web ve mobil hedefleme
  • PWA ve mağaza yayını arasında seçim

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Hibrit mantığı

Hibrit uygulama kavramını, WebView üzerinde çalışmayı ve Ionic ile Capacitor ilişkisini net biçimde kavrarsınız.

✅
Proje kurulumu

Ionic CLI ile proje oluşturur, proje yapısını tanır ve Angular, React ya da Vue seçiminin anlamını değerlendirirsiniz.

✅
Bileşen kullanımı

Ion bileşen kütüphanesini kullanarak buton, kart, liste ve form gibi arayüz öğelerini hızla oluşturabilirsiniz.

✅
İkon ve tipografi

Ionicons ve tipografi sistemiyle tutarlı, okunaklı ve erişilebilir görsel bir dil kurmayı öğrenirsiniz.

✅
Tema oluşturma

CSS değişkenleriyle marka renklerine uygun tema ve koyu mod kurar, platform stillerini doğru biçimde yönetirsiniz.

✅
Capacitor köprüsü

Capacitor ile projeye platform ekler, web varlıklarını native projeye taşır ve eklenti API'sini çağırabilirsiniz.

✅
Cihaz yetenekleri

Kamera, konum ve paylaşım gibi native eklentileri kullanarak uygulamanıza gerçek cihaz yetenekleri eklersiniz.

✅
Cihaz ve PWA yayını

Uygulamayı gerçek cihaza derler ve PWA olarak web üzerinden yayınlama seçeneğini değerlendirmeyi öğrenirsiniz.

Kimler İçin Uygundur?

  • HTML
  • CSS ve temel JavaScript bilen
  • tek kod tabanıyla mobil uygulama geliştirmeye başlamak isteyen web geliştiricileri
  • frontend öğrenen kişiler
  • bilgisayar bölümü öğrencileri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
HTML, CSS ve temel JavaScript bilen, mobil uygulama geliştirmeye başlamak isteyen web geliştiricileri, frontend öğrenenler ve öğrenciler için uygundur. Ayrı bir mobil dil bilgisi gerekmez; Ionic ve Capacitor temelleri eğitimde sıfırdan ele alınır.
Ionic ile hangi platformlara uygulama yapılır?
Ionic ile tek bir web kod tabanından iOS ve Android için uygulama geliştirilir; aynı kod Progressive Web App olarak web'de de yayınlanabilir. Capacitor köprüsü sayesinde kamera ve konum gibi native cihaz yeteneklerine de erişilir.
Angular, React veya Vue bilmek şart mı?
Eğitimde Ionic bileşenlerinin çerçeveden bağımsız çalıştığı gösterilir ve temel örnekler sade tutulur. Belirli bir çerçeveye ileri düzey hâkimiyet şart değildir; hangi çerçevenin ne zaman seçileceği ve temel farkları eğitimde açıklanır.
Bu eğitimle gelişmiş Ionic eğitimi arasındaki fark nedir?
Bu temel eğitim hibrit kavramı, bileşen kütüphanesi, tema ve Capacitor girişine odaklanır. Gelişmiş Ionic eğitimi ise ileri CLI iş akışı, özel bileşenler, performans ve dağıtım gibi derin konuları kapsar. Bu program sağlam bir temel oluşturur.
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; eğitim yüz yüze veya online verilebilir ve kurumsal gruplara ö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. Fundamentals of the Ionic Framework Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

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

Bu Eğitimle Birlikte Tercih Edilenler

Çapraz Platform GeliştirmeAdvanced Features of Ionic JavaScript & CLI Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Advanced Features of Ionic JavaScript & CLI Eğitimi

5 günİleriOnline / Yüz Yüze / Hibrit

Gelişmiş Ionic CLI, Capacitor native entegrasyonu, Stencil bileşenleri, performans ve CI/CD ile üretim düzeyinde hibrit uygulama geliştirmeyi öğreten eğitim.

Detayları Gör →
Çapraz Platform GeliştirmeCross-Platform Solutions in Visual Studio Eğitimi
Mobil Uygulama Geliştirme Eğitimleri

Cross-Platform Solutions in Visual Studio Eğitimi

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

Visual Studio ve .NET MAUI ile tek projeden iOS ve Android uygulaması geliştirmeyi XAML, MVVM ve API erişimiyle öğreten uygulamalı kurumsal eğitim.

Detayları Gör →
Ç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ş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 →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn