CRASH COURSE!

Hi, I’m Lukas Ruebbelke. 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 @simpultonWeb http://onehungrymind.com/

3

About me

Who wants to win the hackathon?

https://github.com/auth0/auth0-ionic

What is Ionic Install Ionic

Start a Project Run a Project

Resources

Install Ionic

10

$ npm install -g cordova ionic

11

$ sudo npm -g install ios-sim

Start a Project

13

$ ionic start myApp blank

$ ionic start myApp tabs

$ ionic start myApp sidemenu

Run a Project

15

$ cd myApp $ ionic platform add ios

$ ionic build ios $ ionic emulate ios

Resources

http://ionicframework.com/docs/components/

http://ionicframework.com/docs/api/

http://ionicframework.com/docs/

http://ngcordova.com/

#ProTips

For scrolling and large lists, try to use Angular 1.3's one-time binding for super fast updates

Check out our example codepens if the docs don't have enough example code for you.

http://codepen.io/ionic/public-list

Use crosswalk on Android to increase performance

http://ionicframework.com/blog/crosswalk-comes-to-ionic/

Ionic has a huge collection of device APIs wrapped with AngularJS to make them

super easy to use, and do things like use promises, etc:

http://ngcordova.com/

Ionic some great tools 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/