Slides from the DevFest Nantes talk.

2. le développement hybride mobile
fun et productif

3. Qui sommes nous ?
Stéphanie
Développeur Mobile
@Steffy_29
Audrey
Développeur Back-End
@Audrey_Neveu

4. Introduction

5. Le problème
...

6. Les solutions

7. La nouvelle solution
+
=

8. 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

9. L’environnement

10. Command-Line Interface

11. Ionic Lab

12. Gestion de dépendances

13. Gulp & Sass

14. ionic start ...

15. Les templates

16. Structure d’un projet

17. Les services

18. Les composants

19. CSS

20. Ionicons

21. Splashscreen & Icon

22. NG-Cordova
✓ File
✓ Media
✓ Camera
✓ iBeacon
✓ Calendar
✓ Geolocation
✓ Bluetooth
✓ OAuth
✓ Contacts
✓ HealthKit
✓ Push notifications
✓ TouchID
✓ Social sharing
✓ Battery
✓ ...

23. ionic run ...

24. Tester / Débugger
✓ Dans le navigateur : Serve
➙ http://localhost:8100/
➙ tout ne peut pas être émulé
✓ Sur device ou émulateur : Run
➙ option livereload (-l) pour exécuter sur http://192.
168.1.1:8100/
➙ option log console (-c) pour avoir les logs de l’
application

25. chrome://inspect/#devices

26. La démo !

27. Toujours plus

28. Ionic Platform

29. Push [alpha]

30. Push [alpha]

31. Analytics

32. Deploy [alpha]

33. Package [alpha]

34. Le Market

35. Retour d’XP

36. Dans la vraie vie ...
OAuth, Geolocalisation,
Camera, FileTransfer,
InAppBrowser, Network
Information ...
File, Media, Bluetooth
(Cordova + BLE
javascript)

37. Bilan

38. Bilan
Doc plutôt complète …
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

39. ...
ISYOURFRIEND

40. Production ready? Oui, mais ...
✓ Toujours en beta
✓ Pricing des nouvelles fonctionnalités à venir
➔ Idéal pour un prototype, à voir sur la durée

41. L’avenir

42. Ionic 2.0 [alpha]sortie le 20/10/2015
✓ Navigation améliorée
✓ Plus de fonctionnalités natives dans Ionic
✓ Nouveau système de Theming
✓ Material Design

43. Pour continuer
✓ www.gajotres.net
✓ gonehybrid.com
✓ devdactic.com
✓ www.nraboy.com
✓ www.surfinfoweb.com
✓ @maxlynch
✓ @adamdbradley
✓ @Ionicframework
✓ @ionitron

44. Merci !
Des questions ?