Downloaded 24 times
More Related Content
Similar to Building Hybrid Apps with AngularJS and Ionic
Building Hybrid Apps with AngularJS and Ionic
- 1. Building Hybrid Appswith AngularJS and Ionic 1
- 2. 2 • Younes Adounis •CTO @ Synergie Media • Agadir, Maroc • @unees15 • Adounisyounes.com
- 3. 3 Overview 1. Native vsHybrid Apps 2. Intro Ionic 3. UI Components 4. Ionic CLI 5. Demos
- 4. 4 The Downsides ofNative • Proficiency in each platform required • Entirely separate code bases • Timely & expensive development • Diminishing returns
- 5. 5 More Platforms. MoreProblems. Why are we still coding for multiple platforms?
- 6. 6 “ Is therean alternative? ”
- 7. 7 • Hybrid Apps:HTML5 that acts like native • Phonegap renamed to Cordova • Web wrapped in native layer • Direct access to native APIs • Familiar web dev environment • Develop a single code base (web platform)
- 8. 8 • Have amulti-million dollar budget? • Have a large team of experienced native developers? • Does your billion-dollar revenue depend on this app? • If so...do native Are You Building the Facebook app?
- 9. 9 “ Hybrid appsare slow ! ”
- 10. 10 Mobile devices haverapidly improved! Year Device Processor RAM 2007 iPhone 620 MHz 128 MB 2010 iPhone 4 1 GHz 512 MB 2016 iPhone 6s 1.8 GHz dual-core 2 GB
- 11. 11 • Common UI •Views • Navigation and stack history • Transitions • Gestures Native SDKs Are Great
- 12. 12 • It's thewild-west for hybrid apps • We need to bridge the gap between web and native • We need rich, native-style UI components and interactions • We need UI APIs, not just jQuery widgets There's No Web SDK
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30. 30 Ionic CLI $ npminstall -g ionic cordova $ ionic start myapp sidemenu $ cd myapp $ ionic serve
- 31.
- 32.
- 33.
- 34.
Editor's Notes
- #2 Ceci est un commentaire