Mobil Uygulama Geliştirme Dersleri – Tanıtım

Hibrit mobil uygulama geliştirme dediğimiz şey aslında HTML5 ve Javascript yazarak iOS,Android ve WindowsPhone gibi platformlara derleyebilmemiz. Peki bu nasıl oluyor diyecek olursanız biz bunu Cordova dediğimiz olay sağlıyor. Cordova sadece yazdığımız HTML5,CSS3,Javascript kodlarını swift/java/c# ‘a dönüştürmekle kalmayıp o cihazların donanımlarını kontrol edebilme olanağı da veriyor bizlere.

Ionic dediğimiz kütüphane ise bize mobil uygulama uygulama geliştirme kısmında tasarımı ve inşaası aşamasında yardımcı oluyor. Bu alanda linklemesinden tasarıma, tasarımından mesaj kutularına kadar bize olanak sağlıyor ve AngularJS ile çalışıyor.

Hibrit Mobil Uygulama Geliştirmede Cordova'nın yeri

Hibrit Mobil Uygulama Geliştirmede Cordova’nın yeri

Haydaaa bide AngularJS’mi çıktı şimdi demeden AngularJS Eğitimi adı altında Youtube’da bir eğitim setim var oraya gönderebilirim.

AngularJS ise bize tek sayfa web ya da mobil uygulamalar tasarlama fırsatı veriyor ve HTML içerisine gömülen bir yapısı olduğundan kullanması bizim için zevkli ve gayet basit.

Evet bu kadar konuştuktan sonra artık Ionic Framework’ü nasıl kuracağımıza geçelim.

İlk olarak hiç konsol/terminal kullanmadıysanız bu yapılacak şeyler sizi korkutmasın çok kolay ve anlaşılabilir şeyler yapacağız.

İlk olarak konsol ekranını açmanız gerekiyor. (cmd/terminal)

Ionic NPM ile ortak çalıştığı için npm olup olmadığını kontrol edelim.

npm -v 

şeklinde yazıp gönderirseniz size sürümünü verir eğer vermediyse kurmamız gerekecek bunun için;

npm install

yazmanız yeterli. Bu işlemi yaptıktan sonra NodeJS olup olmadığını kontrol edelim

nodejs -v 

komutu ile kontrol edebiliriz eğer sizde NodeJS yoksa buraya tıklayarak indirebilirsiniz.

Artık Ionic ile çalışmanın vakti geldi geliyor. Son olarak Ionic’i kuralım.

npm install -g cordova ionic

bu komut ile kurulacaktır eğer sadece bulunduğunuz kullanıcıya kurulmasını istiyorsanız -g kısmını silebilirsiniz.

Kurduktan sonra her şey hazır demektir bunu

ionic -v

ile kontrol edebilirsiniz. Eğer kurulum gerçekleşmediyse yorum kısmından bana yazabilirsiniz elimden geldiğince yardımcı olmaya çalışırım.

Yeni bir proje başlatıp bunu inceleyip sonlandıracağız yeni proje başlatmak için öncelikle hangi dosya konumunda olduğunuzu iyi bilin eğer bilmiyorsanız Mac kullanıcıları ls / Windows Kullanıcıları dir ile bunu listeyebilir. cd komutu ile istediğiniz dizine geçebilirsiniz ( ör. cd desktop ). Ionic ile ilk projemizi oluşturalım

ionic start testUygulama sidemenu

Projeniz oluştuğunda klasör listesi otomatik olarak gelecektir terminal ekranında

cd testUygulama

yazarak bulunduğu dizine erişelim ve projeyi görebilmek için

ionic serve

komutunu çalıştıralım ve artık önünüzde bir ionic projesi hazır buluyor.

 

Bir Cevap Yazın