Mobil Programlama

Bölüm 3 (Frameworkler) Ders 5: Ionic

Ionic

Ionic, mobil uygulamalar geliştirmek için HTML5 tabanlı hazırlanmış açık kaynak kodlu ve uç kullanıcılar için hazırlanmış bir frameworktür.

İki farklı kurulumu vardır.

  • Komut Tabanlı Ara yüz (CLI ) Kurulumu için Komut satırına aşağıdaki kodu yazın:

npm install -g ionic

Şekil 54: Ionic Komut tabanlı Kurulumu Başlatma

  • Hazır uygulama şablonlarından birini veya yeni bir başlangıç ​​yapmak için boş olanı kullanarak bir İyon Uygulaması oluşturun:

ionic start myApp tabs

Şekil 55: Uygulama klasörü yükleme

  • Uygulama klasörüne girme ve tarayıcıdan çalıştırma:

cd myApp

ionic serve

Gerçek zamanlı güncellemeler ve daha fazlası için kodu Ionic Appflow’a getirin:

git push ionic master

Şekil 56: Ionic Serve

Şekil 57: Tarayıcı üzerinde çalışan hali

Şekil 58:Ionic Kişisel Uygulamalarım ekranı

Tasarım ara yüzü ile de çalışabilirsiniz:

Şekil 59: tasarım ara yüzü

Yeni Proje oluşturma Ekranı:

Şekil 60: Yeni proje ekranı

Ionic Creator Ekranı:

Şekil 61: Çalışma Ekranı

Ionic Kullanımı Artıları:

  • Ionic angular.js ile phonegap için hazırlanmış bir framework olduğu için en büyük artılarından birisi kodu bir sefer yazmanıza rağmen otomatik olarak android ve ios tasarım düzenlerine bu tasarımı uyarlanır.
  • Kodları HTML/CSS/JS ile yazıldığı için uygulamaları test ederken emulator kullanmak yerine tarayıcı (browser) üstünde test etmesidir.
  • Uygulama yapmak çok hızlı ve kolaydır.

Bu ve devam edecek anlatımların tamamı ve sınavlar

tez.hilmibilici.com 

alt domaininde yayındadır. Tezimi paylaşıma açıyorum. Alın teridir, lütfen paylaşırken kaynak belirtmeyi unutmayın. 

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir