Building Hybrid Apps with AngularJS and Ionic
- 1. Building Hybrid Apps with AngularJS and Ionic 1
- 2. 2 • Younes Adounis • CTO @ Synergie Media • Agadir, Maroc • @unees15 • Adounisyounes.com
- 3. 3 Overview 1. Native vs Hybrid Apps 2. Intro Ionic 3. UI Components 4. Ionic CLI 5. Demos
- 4. 4 The Downsides of Native • Proficiency in each platform required • Entirely separate code bases • Timely & expensive development • Diminishing returns
- 5. 5 More Platforms. More Problems. Why are we still coding for multiple platforms?
- 6. 6 “ Is there an 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 a multi-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 apps are slow ! ”
- 10. 10 Mobile devices have rapidly 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 the wild-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. 13
- 14. 14
- 15. 15
- 16. 16
- 17. 17
- 18. 18
- 19. 19
- 20. 20
- 22. 22
- 23. 23
- 24. 24
- 25. 25
- 26. 26
- 27. 27
- 28. 28
- 29. 29 Ionic CLI
- 30. 30 Ionic CLI $ npm install -g ionic cordova $ ionic start myapp sidemenu $ cd myapp $ ionic serve
- 31. 31
- 32. 32
- 33. 33
- 34. 34 THANK YOU
Editor's Notes
- #2: Ceci est un commentaire