APP Developer
as 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 frameworks
Cordova
Phonegap
Titanium
http://ionicframework.com/
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 app
ionic serve
ionic serve - - lab
ionic resources etc..
• Access to native API via ng-cordova
http://ngcordova.com/
When browser testing
is not enough ..
• The PhoneGap Developer App
http://app.phonegap.com/
• IOS / Android emulator
• Ionic view http://view.ionic.io/
• 3rd Party services
test 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 Resources
http://ionicframework.com/docs/
https://blog.nraboy.com/
http://gonehybrid.com
https://www.airpair.com (ionic posts)
Thanks
Questions ?!

App developer as a Web developer (ROROSyd - Jul 15)