Here are the Ionic Crash Course slides that I used for Hack-a-ton SF. Visit http://onehungrymind.com/ for videos from the talk and additional content.

2. CRASH COURSE!

3. 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 @simpulton
Web http://onehungrymind.com/
3
About me

4. Who wants to win
the hackathon?

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

6. What is Ionic
Install Ionic
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 start myApp 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 and large lists,
try to use Angular 1.3's one-time
binding for super fast updates

20. Check out our example codepens if the docs
don't have enough example code for you.
http://codepen.io/ionic/public-list

21. Use crosswalk on Android to increase
performance
http://ionicframework.com/blog/crosswalk-comes-to-ionic/

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

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