Slide deck for the Introduction to Ionic webcast.

1. An Introduction to the Ionic Framework

2. Agenda
• Native vs Hybrid
• What is Ionic?
• Ionic CLI & Demos
• Related Projects
• Q & A

3. Downside of Native
• Knowledge of each platform
• Separate code bases
• Expensive

4. Apache Cordova
• Hybrid Apps
• Web wrapped in native
• Native APIs
• One code base, many platforms

5. Native SDKs
• Views
• UI Components
• Navigation
• Transitions
• Animations
• Interactions

6. What is Ionic?

7. iOS Android
Froyo (2.2)
0.4%
Gingerbread
(2.3.x)
7.4% Ice Cream
Sandwich (
4.0.x)
6.4%
Jelly Bean
(4.[1-3].x)
44.5%
KitKat (4.4)
39.7%
Lollipop (5.0)
1.6%
Other
3%
iOS 7
25%
iOS 8
72%
https://developer.android.com/about/dashboards/index.htmlhttps://developer.apple.com/support/appstore/

8. “Bootstrap for Native”
• Responsive
• UI Components
• Transitions
• Icons

9. AngularJS
• Directives
• Services
• Interactions
• Navigation and History
• Animations and Transitions
• Performance
• Much More…

10. Lists

11. Tabs
• Nested views
• Separate history
• Angular UI Router

12. Side Menu

13. Navigation
• Angular UI Router
• Back button
• Transitions

14. Examples & Tooling

15. Wrapping Up
• Open Source (check out GitHub page)
• Active Community
• Tons of online resources
• Wijmo 5 (wijmo.com/5)
• Xuni (goxuni.com)

16. Thank You!