Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
@electrobabe
Simple Mobile Development
With Ionic
11.5.2016 AngularJS 5/11 @electrobabe
Background
11.5.2016 AngularJS 5/11 @electrobabe
The Challenge
11.5.2016 AngularJS 5/11 @electrobabe
Mobile Development
11.5.2016 AngularJS 5/11 @electrobabe
Many different implementations
11.5.2016 AngularJS 5/11 @electrobabe
Ionic FTW!
11.5.2016 AngularJS 5/11 @electrobabe
AngularJS + mobile first
11.5.2016 AngularJS 5/11 @electrobabe
...add some Cordova
11.5.2016 AngularJS 5/11 @electrobabe
Cross-Platform
11.5.2016 AngularJS 5/11 @electrobabe
Merge together
11.5.2016 AngularJS 5/11 @electrobabe
Hands on Ionic
11.5.2016 AngularJS 5/11 @electrobabe
CLI Basics
$ npm install -g ionic
$ ionic start awesomeApp [tabs|blank|sidemenu]
$ c...
11.5.2016 AngularJS 5/11 @electrobabe
CLI: Add Mobile Platform
$ ionic platform add [ios|android|wp8..]
$ ionic build [tar...
11.5.2016 AngularJS 5/11 @electrobabe
Cordova Plugins
$ bower install ngCordova
$ cordova plugin add [
cordova-plugin-devi...
11.5.2016 AngularJS 5/11 @electrobabe
Ionic Lab
11.5.2016 AngularJS 5/11 @electrobabe
Results
11.5.2016 AngularJS 5/11 @electrobabe
Best Practices
11.5.2016 AngularJS 5/11 @electrobabe
Lessons Learned
11.5.2016 AngularJS 5/11 @electrobabe
Any Questions?
11.5.2016 AngularJS 5/11 @electrobabe
Links
Slides on Slideshare http://de.slideshare.net/barbarao
http://electrobabe.at
h...
Upcoming SlideShare
Loading in …5
×

Ionic AngularJS Ondrisek

6,529 views

Published on

Dr. Barbara Ondrisek at AngularJS on 11/05/2016 about "Simple Mobile Development With Ionic"

Showcase http://likeahipster.com

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

Ionic AngularJS Ondrisek

  1. 1. @electrobabe Simple Mobile Development With Ionic
  2. 2. 11.5.2016 AngularJS 5/11 @electrobabe Background
  3. 3. 11.5.2016 AngularJS 5/11 @electrobabe The Challenge
  4. 4. 11.5.2016 AngularJS 5/11 @electrobabe Mobile Development
  5. 5. 11.5.2016 AngularJS 5/11 @electrobabe Many different implementations
  6. 6. 11.5.2016 AngularJS 5/11 @electrobabe Ionic FTW!
  7. 7. 11.5.2016 AngularJS 5/11 @electrobabe AngularJS + mobile first
  8. 8. 11.5.2016 AngularJS 5/11 @electrobabe ...add some Cordova
  9. 9. 11.5.2016 AngularJS 5/11 @electrobabe Cross-Platform
  10. 10. 11.5.2016 AngularJS 5/11 @electrobabe Merge together
  11. 11. 11.5.2016 AngularJS 5/11 @electrobabe Hands on Ionic
  12. 12. 11.5.2016 AngularJS 5/11 @electrobabe CLI Basics $ npm install -g ionic $ ionic start awesomeApp [tabs|blank|sidemenu] $ cd awesomeApp $ ionic serve -–lab
  13. 13. 11.5.2016 AngularJS 5/11 @electrobabe CLI: Add Mobile Platform $ ionic platform add [ios|android|wp8..] $ ionic build [target] $ ionic emulate [target] [--livereload] $ ionic run [target] [--livereload] $ ionic resources
  14. 14. 11.5.2016 AngularJS 5/11 @electrobabe Cordova Plugins $ bower install ngCordova $ cordova plugin add [ cordova-plugin-device-motion | cordova-plugin-vibration | cordova-plugin-nativeaudio | cordova-plugin-geolocation | cordova-plugin-appavailability | cordova-plugin-inappbrowser | cordova-plugin-statusbar | cordova-plugin-x-toast | ionic-plugin-deploy ..]
  15. 15. 11.5.2016 AngularJS 5/11 @electrobabe Ionic Lab
  16. 16. 11.5.2016 AngularJS 5/11 @electrobabe Results
  17. 17. 11.5.2016 AngularJS 5/11 @electrobabe Best Practices
  18. 18. 11.5.2016 AngularJS 5/11 @electrobabe Lessons Learned
  19. 19. 11.5.2016 AngularJS 5/11 @electrobabe Any Questions?
  20. 20. 11.5.2016 AngularJS 5/11 @electrobabe Links Slides on Slideshare http://de.slideshare.net/barbarao http://electrobabe.at http://likeahipster.com

×