Developing mobile applications by being a rails developer. By using the technologies that already familiar with Presented in Sydney Rails user group (Jul - 2015)

1. APP Developer
as a
Web Developer
Sameera (sam)
sameera207
Rails developer @ JNSolutions
ionic framework

2. Web/Rails developer
http://martinvalasek.com/blog/pictures-from-a-developers-life

3. Mobile Platforms

4. Developing a mobile app
Hybrid App

5. 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

6. Hybrid frameworks
Cordova
Phonegap
Titanium

7. http://ionicframework.com/

8. Ionic Stack

9. 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

10. 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/

11. 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

12. Ionic services
• ionic creator (https://creator.ionic.io/)
• ionic push (https://apps.ionic.io)
• ionic analytics
• ionic deploy

13. Hybrid, tradeoffs ?
• Hybrid is slow
• Will not work well for apps like games
• Ionic yet to introduce their pricing

14. Ionic Resources
http://ionicframework.com/docs/
https://blog.nraboy.com/
http://gonehybrid.com
https://www.airpair.com (ionic posts)

15. Thanks
Questions ?!