Bölüm 3 (Frameworkler) Ders 5: 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.