Ionic Crash Course! Hack-a-ton SF

Ionic Crash Course! Hack-a-ton SF

• 2.
  CRASH COURSE!
• 3.
  Hi, I’m LukasRuebbelke. Senior Developer Advocate at Udacity Author of AngularJS in Action egghead.io Author Build a Strong AngularJS Foundation on O’Reilly with Matias Niemela Etc… You can contact me at Twitter @simpulton
 Web http://onehungrymind.com/ 3 About me
• 4.
  Who wants towin the hackathon?
• 5.
  https://github.com/auth0/auth0-ionic
• 6.
  What is Ionic InstallIonic Start a Project Run a Project Resources
• 9.
  Install Ionic
• 10.
  10 $ npm install-g cordova ionic
• 11.
  11 $ sudo npm-g install ios-sim
• 12.
  Start a Project
• 13.
  13 $ ionic startmyApp blank $ ionic start myApp tabs $ ionic start myApp sidemenu
• 14.
  Run a Project
• 15.
  15 $ cd myApp $ionic platform add ios $ ionic build ios $ ionic emulate ios
• 16.
  Resources
• 17.
  http://ionicframework.com/docs/components/ http://ionicframework.com/docs/api/ http://ionicframework.com/docs/ http://ngcordova.com/
• 18.
  #ProTips
• 19.
  For scrolling andlarge lists, try to use Angular 1.3's one-time binding for super fast updates
• 20.
  Check out ourexample codepens if the docs don't have enough example code for you. http://codepen.io/ionic/public-list
• 21.
  Use crosswalk onAndroid to increase performance http://ionicframework.com/blog/crosswalk-comes-to-ionic/
• 22.
  Ionic has ahuge collection of device APIs wrapped with AngularJS to make them super easy to use, and do things like use promises, etc: http://ngcordova.com/
• 23.
  Ionic some greattools like Ionic View, Ionic Lab and the Ionic Resources generator to make testing easy and to make it easy to generate splashscreens and icons: http://ionicframework.com/blog/view-app-is-alive/ http://ionicframework.com/blog/automating-icons-and-splash-screens/ http://ionicframework.com/blog/ionic-lab/