Après 20 ans de Java, vous pensez qu'il est temps de basculer du côté mobile de la force mais vous n'avez pas envie de passer des jours à vous former au développement natif pour toutes les plateformes existantes ? Alors Ionic est fait pour vous !

1. #DevoxxFR @Audrey_Neveu @IonicFramework
Le Framework mobile
hybride carrément addictif
Audrey Neveu - @Audrey_Neveu

2. #DevoxxFR @Audrey_Neveu @IonicFramework
A propos de moi
Devangelist @StreamdataIO
Co-Leader Devoxx4Kids France
@Audrey_Neveu

3. #DevoxxFR @Audrey_Neveu @IonicFramework
Introduction

4. #DevoxxFR @Audrey_Neveu @IonicFramework
Le problème
...

5. #DevoxxFR @Audrey_Neveu @IonicFramework
Les solutions

6. #DevoxxFR @Audrey_Neveu @IonicFramework
La nouvelle solution
+
=

7. #DevoxxFR @Audrey_Neveu @IonicFramework
Chacun son rôle !
✓ Conception des interfaces
➙ HTML5, CSS3, Sass, LESS,
Javascript
➙ Ionic framework
✓ Logique métier
➙ Angular JS
✓ Génération plates-formes cibles
➙ Cordova

8. #DevoxxFR @Audrey_Neveu @IonicFramework
L’environnement

9. #DevoxxFR @Audrey_Neveu @IonicFramework
Command Line Interface

10. #DevoxxFR @Audrey_Neveu @IonicFramework
Ionic Lab

11. #DevoxxFR @Audrey_Neveu @IonicFramework
Gestion de dépendances

12. #DevoxxFR @Audrey_Neveu @IonicFramework
Gulp & Saas

13. #DevoxxFR @Audrey_Neveu @IonicFramework
Ionic start

14. #DevoxxFR @Audrey_Neveu @IonicFramework
Les templates

15. #DevoxxFR @Audrey_Neveu @IonicFramework
Structure d’un projet

16. #DevoxxFR @Audrey_Neveu @IonicFramework
Ionic run

17. #DevoxxFR @Audrey_Neveu @IonicFramework
Tester / Debugger
✓ Dans le navigateur : Serve
➙ http://localhost:8100/
➙ tout ne peut pas être émulé !
✓ Sur device ou émulateur : Run
➙ option livereload [Beta] (-l) pour exécuter sur http://192.
168.1.1:8100/
➙ option log console (-c) pour avoir les logs de l’application
➙ option log server (-s)

18. #DevoxxFR @Audrey_Neveu @IonicFramework
chrome://inspect/#devices

19. #DevoxxFR @Audrey_Neveu @IonicFramework
Ionic build

20. #DevoxxFR @Audrey_Neveu @IonicFramework
Les services

21. #DevoxxFR @Audrey_Neveu @IonicFramework
Les composants

22. #DevoxxFR @Audrey_Neveu @IonicFramework
CSS

23. #DevoxxFR @Audrey_Neveu @IonicFramework
Ionicons

24. #DevoxxFR @Audrey_Neveu @IonicFramework
SplashScreen & Icon

25. #DevoxxFR @Audrey_Neveu @IonicFramework
ng-cordova
✓ File
✓ Media
✓ Camera
✓ iBeacon
✓ Calendar
✓ Geolocation
✓ Bluetooth
✓ OAuth
✓ Contacts
✓ HealthKit
✓ Push notifications
✓ TouchID
✓ Social sharing
✓ Battery
✓ ...

26. #DevoxxFR @Audrey_Neveu @IonicFramework
Demo

27. #DevoxxFR @Audrey_Neveu @IonicFramework
Toujours
plus

28. #DevoxxFR @Audrey_Neveu @IonicFramework
View

29. #DevoxxFR @Audrey_Neveu @IonicFramework
Platform [Beta]

30. #DevoxxFR @Audrey_Neveu @IonicFramework
User

31. #DevoxxFR @Audrey_Neveu @IonicFramework
Push

32. #DevoxxFR @Audrey_Neveu @IonicFramework
Push

33. #DevoxxFR @Audrey_Neveu @IonicFramework
Analytics

34. #DevoxxFR @Audrey_Neveu @IonicFramework
Deploy

35. #DevoxxFR @Audrey_Neveu @IonicFramework
Package

36. #DevoxxFR @Audrey_Neveu @IonicFramework
Market

37. #DevoxxFR @Audrey_Neveu @IonicFramework
Creator

38. #DevoxxFR @Audrey_Neveu @IonicFramework
Retour d’XP

39. #DevoxxFR @Audrey_Neveu @IonicFramework
Bilan

40. #DevoxxFR @Audrey_Neveu @IonicFramework
Bilan
Intégration de nombreuses directives
Angular …
… mais pas toujours à jour.
… parfois non finalisées
Livraisons régulières pour suivre les
versions Angular
… mais des bugs ouverts depuis
plusieurs mois
Doc plutôt complète …

41. #DevoxxFR @Audrey_Neveu @IonicFramework
A vous de jouer
IS YOUR FRIEND

42. #DevoxxFR @Audrey_Neveu @IonicFramework
Production ready? Oui, mais ...
✓ Support iOS 6, Android 4.1 et Windows 8 seulement
✓ Platform gratuit durant la beta seulement
➔ Idéal pour un prototype

43. #DevoxxFR @Audrey_Neveu @IonicFramework
L’avenir

44. #DevoxxFR @Audrey_Neveu @IonicFramework
Ionic 2.0 [Beta]
✓ Navigation améliorée
✓ Ionic Native
✓ Nouveau système de Theming
✓ Platform Continuity (Material Design)
✓ TypeScript Support
✓ ES6
✓ Animation System
✓ And more to come

45. #DevoxxFR @Audrey_Neveu @IonicFramework
Pour continuer
✓ www.nraboy.com
✓ www.gajotres.net
✓ gonehybrid.com
✓ devdactic.com
✓ www.surfinfoweb.com
@maxlynch
@adamdbradley
@Ionicframework
@ionitron

46. #DevoxxFR @Audrey_Neveu @IonicFramework
Merci !
Des questions ?