Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Dev Fest Nantes - Ionic le développement hybride mobile fun et productif

543 vues

Publié le

Slides from the DevFest Nantes talk.

Publié dans : Mobile
  • Soyez le premier à commenter

Dev Fest Nantes - Ionic le développement hybride mobile fun et productif

  1. 1. le développement hybride mobile fun et productif
  2. 2. Qui sommes nous ? Stéphanie Développeur Mobile @Steffy_29 Audrey Développeur Back-End @Audrey_Neveu
  3. 3. Introduction
  4. 4. Le problème ...
  5. 5. Les solutions
  6. 6. La nouvelle solution + =
  7. 7. 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. 8. L’environnement
  9. 9. Command-Line Interface
  10. 10. Ionic Lab
  11. 11. Gestion de dépendances
  12. 12. Gulp & Sass
  13. 13. ionic start ...
  14. 14. Les templates
  15. 15. Structure d’un projet
  16. 16. Les services
  17. 17. Les composants
  18. 18. CSS
  19. 19. Ionicons
  20. 20. Splashscreen & Icon
  21. 21. NG-Cordova ✓ File ✓ Media ✓ Camera ✓ iBeacon ✓ Calendar ✓ Geolocation ✓ Bluetooth ✓ OAuth ✓ Contacts ✓ HealthKit ✓ Push notifications ✓ TouchID ✓ Social sharing ✓ Battery ✓ ...
  22. 22. ionic run ...
  23. 23. 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
  24. 24. chrome://inspect/#devices
  25. 25. La démo !
  26. 26. Toujours plus
  27. 27. Ionic Platform
  28. 28. Push [alpha]
  29. 29. Push [alpha]
  30. 30. Analytics
  31. 31. Deploy [alpha]
  32. 32. Package [alpha]
  33. 33. Le Market
  34. 34. Retour d’XP
  35. 35. Dans la vraie vie ... OAuth, Geolocalisation, Camera, FileTransfer, InAppBrowser, Network Information ... File, Media, Bluetooth (Cordova + BLE javascript)
  36. 36. Bilan
  37. 37. 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
  38. 38. ... ISYOURFRIEND
  39. 39. Production ready? Oui, mais ... ✓ Toujours en beta ✓ Pricing des nouvelles fonctionnalités à venir ➔ Idéal pour un prototype, à voir sur la durée
  40. 40. L’avenir
  41. 41. 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
  42. 42. Pour continuer ✓ www.gajotres.net ✓ gonehybrid.com ✓ devdactic.com ✓ www.nraboy.com ✓ www.surfinfoweb.com ✓ @maxlynch ✓ @adamdbradley ✓ @Ionicframework ✓ @ionitron
  43. 43. Merci ! Des questions ?

×