Downloaded 90 times
![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/](https://image.slidesharecdn.com/ionicslides-150210084309-conversion-gate02/85/Introduction-to-the-Ionic-Framework-7-320.jpg)
![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/](https://image.slidesharecdn.com/ionicslides-150210084309-conversion-gate02/75/Introduction-to-the-Ionic-Framework-7-2048.jpg)
Uploaded byrrjohnson85
PPTX, PDF4,722 views
Introduction to the Ionic Framework
This document provides an introduction to the Ionic framework. It discusses how Ionic allows developers to build hybrid mobile apps with one codebase that can target iOS and Android using HTML, CSS and JavaScript. Ionic leverages Apache Cordova to wrap web views with native functionality and integrates the AngularJS framework to provide UI components, navigation, transitions and animations. The document also outlines some example applications that can be built with Ionic and directs readers to additional online resources for learning and getting involved in the open source community.
Introduction to the Ionic Framework
- 1. An Introduction tothe Ionic Framework
- 2. Agenda • Native vsHybrid • 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 • HybridApps • Web wrapped in native • Native APIs • One code base, many platforms
- 5. Native SDKs • Views •UI Components • Navigation • Transitions • Animations • Interactions
- 6.
- 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.
- 11. Tabs • Nested views •Separate history • Angular UI Router
- 12.
- 13. Navigation • Angular UIRouter • Back button • Transitions
- 14.
- 15. Wrapping Up • OpenSource (check out GitHub page) • Active Community • Tons of online resources • Wijmo 5 (wijmo.com/5) • Xuni (goxuni.com)
- 16.