Ön Koşul
Eğitim Hakkında
Günümüzde herhangi bir web uygulamasının mobil platformlarda (android,iphone, microsoft vs) çalışan bir versiyonun olmaması artık istenen bir durum değildir. Ancak platformların çeşitliliği ve sürekli güncellenen platform teknolojileri sayesinde mobil dünyada tam olarak var olmak oldukça zaman ve kaynak gerektirmektedir. İşte tam bu noktada HTML 5, Javascript vs CSS imdadımıza yetişiyor. Herkesin zaten bildiği bu teknolojileri harmanlayarak her türlü platformda çalışacak mobil uygulama geliştirmek artık mümkün. Üstelik platform spesifik (kamera, gps, sensörler vs) özellikleride kullanmaktan ödün vermeden. Hibrit(hybrid) mobil uygulaması geliştirdiğinizde uygulamalar yine uygulama mağazalarından indirilebilir ve mobil masaüstündeki ikon vasıtası ile erişilebilir olmaktadır. Bu eğitimde çeşitli mobil platformlara aynı anda hitap etmek için izlenen yöntemler, kullanılan teknolojiler ve en iyi paratikler detaylı olarak anlatılmaktadır.
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.
Eğitim İçeriği
- Mobil Kullanıcı Profili ve Beklentileri
- Mobil Cihazlar ve Farklı Fiziksel Koşulların Tanımı
- Mobil ile birlikte gelen yeni yazılım geliştirme paradigmaları (iş 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 in 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 - DataURI
- 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 bir birine göre avantaj ve dezavantajları
- Hangi yöntemi nasıl seçmeliyiz
- Değişik stratejiler iç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 : "iç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
- Video'ların eklenmesi ve optimizasyonu
- Haritanın eklenmesi
- ikonlar, 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 ikonları 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 iş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 ilavesi
- Resim ve Video ların eklenmesi
- Menü sistemini oluşturmak
- Metinler ve ikonlarla çalışmak
- Uygulamanın web üzerinden dağıtımı
- Uygulamanın iPhone, iPad, Android, Phone 8-10, Windows 8-10 üzerinden çalıştırılması
- Uygulamanın derlenip native hale getirilmesi ve Store'lara (mağazalara) 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: JQueryMobile temel elemanlarıyla oluşturulmuş "eğitimler" isimli 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 frame work'ü kullanılarak bir uygulama geliştirilecek uygulamanın aşağıdaki özellikleri olacak
- 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 istediğini seçebilecek
- Bu uygulamada Google'ın farklı servisleri kullanılacaktır
- Uygulamanın iPhone, iPad, Android, Phone 8 - 10 ve Windows 8-10 da test edilmesi
- Uygulamanın native hale çevrilip, mağazalarda (Google play, Apple store, Windows store) 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" leri
- 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 ile pusula tasarlamak
* 11 uygulamanın haricinde konular anlatılırken onlarca ufak örnek veya uygulama yapılmaktadır.
Önemli Notlar
Program ücretlerine KDV dahil değildir.