Ionic Crash Course! Hack-a-ton SF
7 likes19,887 views
This document introduces Lukas Ruebbelke, a senior developer advocate at Udacity, and provides a quick guide on getting started with Ionic, including installation steps and project setup. It includes useful resources and tips for optimizing performance and tool usage within Ionic applications. Additionally, it offers links to documentation and code examples to support developers in using Ionic effectively.
Ionic Crash Course! Hack-a-ton SF
- 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?
- 6. What is Ionic Install Ionic Start a Project Run a Project Resources
- 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
- 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/