Embed Size (px)
Citation preview
APP Developeras a
Web Developer
Sameera (sam) sameera207
Rails developer @ JNSolutions
ionic framework
Web/Rails developer
http://martinvalasek.com/blog/pictures-from-a-developers-life
Mobile Platforms
Developing a mobile app
Hybrid App
What is a hybrid mobile app ?
Hybrid development combines the best (or worst) of both the native and HTML5 worlds. We define hybrid as a web app,
primarily built using HTML5 and JavaScript, that is then wrapped inside a thin native container that provides access to native platform features.
https://developer.salesforce.com/page/Native,_HTML5,_or_Hybrid:_Understanding_Your_Mobile_Application_Development_Options
Hybrid frameworksCordova
Phonegap
Titanium
Ionic Stack
Starting a project
$ gem install rails
$ rails new myApp
cd myApp
$ rails server
$ npm install -g cordova ionic
$ ionic start myApp tabs
cd myApp
$ ionic serve
Why Ionic ?• Familier Structure (angular)
• Easy tool chain to test the appionic serveionic serve - - labionic resources etc..
• Access to native API via ng-cordovahttp://ngcordova.com/
When browser testing is not enough ..
• The PhoneGap Developer Apphttp://app.phonegap.com/
• IOS / Android emulator• Ionic view http://view.ionic.io/
• 3rd Party servicestest flight - (https://developer.apple.com/testflight/update/)uber testers (http://ubertesters.com/)testfairy (http://www.testfairy.com/)
5a8d4dd7
Ionic services• ionic creator (https://creator.ionic.io/)
• ionic push (https://apps.ionic.io)
• ionic analytics
• ionic deploy
Hybrid, tradeoffs ?• Hybrid is slow • Will not work well for apps like games • Ionic yet to introduce their pricing
Ionic Resourceshttp://ionicframework.com/docs/
https://blog.nraboy.com/
http://gonehybrid.com
https://www.airpair.com (ionic posts)
Thanks
Questions ?!
