Ionic est un SDK HTML5 puissant qui vous aide à construire des applications mobiles Hybrid en utilisant des technologies web comme HTML, CSS et Javascript. Durant cette session on verra quand faut it choisir Hybrid au lieu de Native, comment utiliser Ionic et tous ses composants et à la fin on fera un exemple réel d'application Android et iOS pour voir les meilleurs pratiques de développement.

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

21. 21
UI Component Overview

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
