Mobil Uygulama Geliştirme (Hibrit)
Mobil Uygulama Geliştirme (Hibrit)
Eğitim Hakkında
Bu eğitim, mobil dünyanın dinamiklerini, kullanıcı beklentilerini ve hibrit mobil uygulama geliştirme yaklaşımını uçtan uca öğretmeyi amaçlar. Katılımcılar; JavaScript, HTML5, CSS3, responsive tasarım, jQuery Mobile, Kendo UI, Cordova/PhoneGap ve yeni nesil web servisleri ile hibrit mobil uygulama geliştirme sürecini gerçek projelerle deneyimler. Eğitim sonunda geliştiriciler, tek kod tabanı ile birden fazla platformda (iOS, Android, Windows) çalışan, optimize edilmiş mobil uygulamalar tasarlayabilecek yetkinliğe ulaşır.
Ön Koşul
Temel seviyede web teknolojileri (HTMLCSSJavaScript) bilgisine sahip olmak önerilir.
Eğitim İçeriği
- Mobil Kullanıcı Profili ve Beklentileri
- Mobil Cihazlar ve Farklı Fiziksel Koşulların Tanımı
- Mobil ile Gelen Yeni Yazılım Geliştirme Paradigmaları (İş Yapış Yöntemleri)
- Geleneksel Yazılım Geliştirme ile Mobil Yazılım Geliştirme Arasındaki Farklar
- Temel Browser Platformları
- Javascript'in Temel Yapıları
- Javascript'in Nesneye Yönelik Yapıları
- Javascript'in Mobil Uygulamalardaki Yeri-Kullanımı
- Mobil Hybrid Geliştirmede HTML5 İn Yeri
- HTML5 Mobil'de Kullanımı
- HTML5 Formları ve Mobil Kullanımı
- Offline Çalışma
- Lokal ve Oturumsal Depolama
- HTML5 Coğrafi Konum Belirleme
- Harita Kullanımı
- Resimlerle Çalışmak – Data
- USERAGENT ile Sunucu ve Kullanıcı Taraflı Mobil Algılama
- CSS3'ün Mobil Uygulama Geliştirmedeki Önemi
- Mobil Hybrid Uygulama Geliştirme Yöntemleri Nelerdir
- Bu Yöntemlerin Birbirine Göre Avantaj ve Dezavantajları
- Hangi Yöntemi Nasıl Seçmeliyiz
- Değişik Stratejiler İçin Örnekler
- Bilinen Global Firmalar Hangi Stratejiyle Mobil Hybrid Uygulamalar Geliştirmiştir
- Viewport Kavramı ve Kullanımı
- Viewport'un Özellikleri
- Uygulama 1: "Merhaba Dünya"
- Mediaqueri'lerin Tanıtımı
- Mediaqueri'lerin Kullanım Metotları
- Uygulama 2: "İçeriği Mobile Uyarlamak"
- Responsive Tasarım Mantığı
- Mobil Tasarım Yapılırken Dikkat Edilmesi Gereken Hususlar
- Mobil Cihazlara Göre Optimizasyon
- Uygulama 3: Responsive Tasarım ile Geliştirilmiş Mobil Uyumlu Bir Uygulama
- Uygulamanın Ana Yapısının Oluşturulması
- Değişik Ekran Boyutlarına ve Çözünürlüklerine Göre Optimize Edilmesi
- Menü Organizasyonu ve Optimizasyonu
- Resimlerle Çalışmak
- Videoların Eklenmesi ve Optimizasyonu
- Haritanın Eklenmesi
- İkonlar, Splah Screen Resimleri ve Diğer Mobil Düzenlemeler
- Kullanılan Editör ve IDE’ler
- Emulatör ve Simülatörler
- Online Araç ve Hizmetler
- Bulut Hizmetleri
- Mobil Uygulamaların Deployment (Dağıtım) Senaryoları
- UYGULAMA 3'ü Web'de Deploy Etmek
- UYGULAMA 3'e Kısayol İkonları Ekleyerek Mobil Cihazlardan Kolayca Erişimini Sağlamak
- UYGULAMA 3'ü Iphone, Ipad, Android, Phone 8-10, Windows 8-10 Cihazlarında Test Etmek Görüntülemek
- Cordova Derlemesi (Phonegap) Yaparak Native Çevirmek ve Storlara (Mağazalara) Konacak Hale Getirmek
- Yukarıdaki İşlemleri Yapacak Bulut-IDE Araçlarının ve Uygulamalarının Tanıtımı
- Bootstrap Genel Tanıtımı
- Bootstrap Mobile First Mantığının Anlaşılması
- Bootstrap Grid Yapısı
- UYGULAMA 4: “Bootstrap ile Bir Uygulama”
- Grid Yapısının Uygulamaya İlavesi
- Resim ve Videoların Eklenmesi
- Menü Sistemini Oluşturmak
- Metinler ve İkonlarla Çalışmak
- Uygulamanın Web Üzerinden Dağıtımı
- Uygulamanın Iphone, Ipad, Android, Phone 8-10 ve Windows 8-10 Üzerinden Çalıştırılması
- Uygulamanın Derlenip Native Hale Getirilmesi ve Store'lara Hazır Hale Getirilmesi
- Yeni Nesil Web Servislerinin Anlaşılması
- Rest Mimarisi ve Restful Servis Mantığı
- Mobil Uygulamaların Yeni Mimarilerle Veriye Erişimi
- AJAX
- jQuery Nedir
- jQuery 'nin Temel Bileşenleri
- jQuery Mobile Framework'ü ve Genel Mimarisi
- jQuery Mobile Elemanlarının Tanıtılması ve Farklı Örneklerle Anlatılması
- UYGULAMA 5: jQuery Mobile Temel Elemanlarıyla Oluşturulmuş "Eğitimler" İsimli Uygulama
- UYGULAMA 6: Dinamik Veriyle (Servis) Çalışan "Kitaplar" jQuery Mobile Uygulaması
- UYGULAMA 7: Google Feed'ler Servisini Kullanan "Feedler" Uygulaması
- UYGULAMA 8: jQuery Mobile Framework'ü Kullanılarak Geliştirilecek Uygulamanın Özellikleri
- Harita Üzerinden Otomatik Yer Tespiti veya Kullanıcının Girdiği Bir Yerin Tespiti
- Buna Göre Etraftaki Kafe, Restaurant, Müze vs.’nin Harita Üzerinde Gösterilmesi
- Kullanıcı Ne Kadar Yarıçapında Bir Alanı Sorgulamak İstediğini Seçebilecek
- Bu Uygulamada Google'ın Farklı Servisleri Kullanılacak
- Uygulamanın Iphone, Ipad, Android, Phone 8 - 10 ve Windows 8-10’da Test Edilmesi
- Uygulamanın Native Hale Çevrilip Mağazalarda Yayınlanacak Hale Getirilmesi
- Kendo UI Tanıtım
- Kendo UI Mobile Temel Yapısı ve Elemanları
- Kendo UI Mobile En Çok Kullanılan Widgets’lar
- Mobil Dünya'ya En Hızlı ve Etkin Yolla Geçmek
- Mevcut Sunucu Taraflı Uygulamalarınızı Mobil Olarak Sunmak
- Mevcut Sunucu Taraflı Uygulamalarınızı Mağazalardan (Google Play, Apple Store, Windows Store) Erişebilir Hale Getirmek
- Cordova Nedir?
- Phonegap Derlemesinde Dikkat Edilmesi Gereken Hususlar
- Cordova API’lerinin Tanıtılması
- Cordova'nın Mobil Cihazların Donanımsal Özelliklerine Erişme ve Manipülasyon Mantığı
- UYGULAMA 9: Cordova Fotoğraf API'siyle Mobil Hybrid Uygulamadan Fotoğraf Çekmek
- UYGULAMA 10: Cordova Network API'siyle Network Bağlantı Durumunu Algılamak
- UYGULAMA 11: Cordova İle Pusula Tasarlamak
Kazanımlar
Mobil ekosistemin kullanıcı beklentilerini, cihaz farklılıklarını ve geliştirme paradigmalarını anlamak
JavaScript’in mobil hibrit yapılardaki rolünü, nesne yönelimli kullanımını ve mobil optimizasyon tekniklerini öğrenmek
HTML5’in offline çalışma, local/session storage, konum bilgisi alma ve medya yönetimi gibi hibrit uygulamalardaki kritik özelliklerini kullanabilmek
CSS3 ve media query yapıları ile responsive, tüm cihazlara uyumlu arayüzler geliştirebilmek
Mobil hybrid geliştirme yöntemlerini avantaj–dezavantaj analizleri ile doğru projeye uygun stratejiyi belirleyebilmek
jQuery Mobile ve Kendo UI ile hızlı prototipleme, mobil bileşen kullanımı ve gerçek uygulama geliştirme becerisi kazanmak
Bootstrap’in mobile-first prensibi ile mobil uyumlu arayüz geliştirme deneyimi kazanmak
Cordova (PhoneGap) API’leri ile kamera, ağ durumu, pusula vb. cihaz donanımlarına erişebilme ve uygulamaları native’e dönüştürebilmek
Responsive tasarım için fotoğraf, video, ikon, splash screen gibi medya unsurlarını optimize edebilmek
REST mimarisi, AJAX ve yeni nesil web servisleri ile dinamik veri tüketen mobil uygulamalar geliştirebilmek
Hedef Kitle
Junior – Mid – Senior Web Developer’lar
Mobil geliştirmeye web teknolojileri üzerinden adım atmak isteyen yazılım geliştiriciler
FrontEnd Developer’lar
FullStack Developer’lar
Mobil uygulama üretmek isteyen girişimciler
UX/UI odaklı geliştiriciler
Kurumsal uygulamalarını hızlıca “mobil uyumlu” hale getirmek isteyen yazılım ekipleri
Sertifika
Eğitimlerimize %80 oranında katılım gösterilmesi ve eğitim müfredatına göre uygulanacak sınav/projelerin başarıyla tamamlanması durumunda, eğitimin sonunda dijital ve QR kod destekli “BT Akademi Başarı Sertifikası” verilmektedir.
SEKTÖRÜN GÜVENDİĞİ ÇÖZÜM ORTAĞI
BT Akademi'yi tercih eden 4.000'den fazla kurum yanılmıyor.
