IONIC FRAMEWORK NEDİR?

Kadriye Aksakal
Nov 19, 2020

--

Gelişen teknoloji ile son zamanlarda HTML5 ve JavaScript’in desteğiyle geliştirilebilen hibrit(hybrit) uygulamalar ortaya çıktı. Hibrit uygulama geliştirmek için birçok kütüphane bulunuyor. Bunlardan bir tanesi de Ionic Framework. Çok tercih edilmesinin sebeplerinden bir tanesi açık kaynak olması. Kendi ifadeleriyle “first-class” bir dokümantasyona sahip olan Ionic Framework kullanışlı ve öğrenilmesi kolay bir kütüphanedir.

Ionic Framework’ü Cordova üzerine kurulmuştur. Mobil cihazların donanımına ve sistem kaynaklarına erişim gibi işlemler için cordova kullanılmaktadır.

Ionic Framework’ünün tercih edilme sebeplerinden bir taneside Cross Platform üzerinden çalışması. Yani Ionic Framework’ü ile geliştirilen uygulamalar hem Android hem Ios hem de Windows Phone gibi mobil işletim sistemlerinde çalışabilir.

Avantajları;
Öğrenmesi kolay,
Kolay dokümantasyona sahip,
Çoklu platform da kullanılabilir,
Kullanıcı arayüzü kolaylıkla özelleştirilebilir,
Angular üzerine inşa edilmiştir.

Dezavantajları;
Performans,
Güvenlik,
Sınırlı işlevsellik,
Video oyunu için uygun değildir.

Ionic Framework’ü ile uygulama geliştirmek için, öncelikle bilgisayarınızda Node.js kurulu olmalıdır.

Daha sonra indirmeniz gerekenler;
*TypeScript kurmak için: npm install -g typescript
*Angular kurmak için: npm install -g @angular/cli
*Cordova kurmak için: npm install -g cordova

Ionic ile uygulama geliştirmek için gerekli olanları indirdikten sonra projemizi oluşturup uygulamamızı yazmaya başlayabiliriz.

*Proje oluşturmak için: ionic start __ProjeAdi__ __TemplateAdi__
*Proje dosyasına girmek için: cd __ProjeAdi__
*Projeyi çalıştırmak için: ionic serve
komutları kullanılır.

*Uygulamayı göstermek için: ionic cordova platform add android
*Emülatörde göstermek için: ionic cordova emulate android
*Telefonda göstermek için: ionic cordova run android
*Build apk oluşturmak için: ionic cordova build android
komutları kullanılır.

Artık ionic framework’ü ile uygulama geliştirebilirsiniz. Uygulama geliştirirken aşağıdaki linklerden yararlanabilirsiniz.

https://ionicframework.com/docs — Ionic Documentation
https://www.typescriptlang.org/docs/home.html — TypeScript Documentation
https://devdocs.io/css — CSS Documentation
https://sass-lang.com/documentation/file.SASS_REFERENCE.html — SASS Documentation
https://angular.io/tutorial — Angular Documentation

--

--

No responses yet