ionic, le framework mobile hybride carrément addictif - devoxx france 2016
TRANSCRIPT
![Page 1: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/1.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Le Framework mobile hybride carrément addictif
Audrey Neveu - @Audrey_Neveu
![Page 2: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/2.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
A propos de moi
Devangelist @StreamdataIO
Co-Leader Devoxx4Kids France
@Audrey_Neveu
![Page 3: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/3.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Introduction
![Page 4: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/4.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Le problème
...
![Page 5: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/5.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Les solutions
![Page 6: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/6.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
La nouvelle solution
+=
![Page 7: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/7.jpg)
#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
![Page 8: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/8.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
L’environnement
![Page 9: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/9.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Command Line Interface
![Page 10: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/10.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Ionic Lab
![Page 11: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/11.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Gestion de dépendances
![Page 12: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/12.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Gulp & Saas
![Page 13: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/13.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Ionic start
![Page 14: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/14.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Les templates
![Page 15: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/15.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Structure d’un projet
![Page 16: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/16.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Ionic run
![Page 17: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/17.jpg)
#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)
![Page 18: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/18.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
chrome://inspect/#devices
![Page 19: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/19.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Ionic build
![Page 20: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/20.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Les services
![Page 21: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/21.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Les composants
![Page 22: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/22.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
CSS
![Page 23: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/23.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Ionicons
![Page 24: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/24.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
SplashScreen & Icon
![Page 25: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/25.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
ng-cordova
✓ File✓ Media✓ Camera✓ iBeacon✓ Calendar
✓ Geolocation✓ Bluetooth✓ OAuth✓ Contacts✓ HealthKit
✓ Push notifications✓ TouchID✓ Social sharing✓ Battery✓ ...
![Page 26: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/26.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Demo
![Page 27: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/27.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Toujours plus
![Page 28: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/28.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
View
![Page 29: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/29.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Platform [Beta]
![Page 30: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/30.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
User
![Page 31: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/31.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Push
![Page 32: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/32.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Push
![Page 33: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/33.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Analytics
![Page 34: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/34.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Deploy
![Page 35: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/35.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Package
![Page 36: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/36.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Market
![Page 37: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/37.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Creator
![Page 38: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/38.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Retour d’XP
![Page 39: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/39.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Bilan
![Page 40: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/40.jpg)
#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 …
![Page 41: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/41.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
A vous de jouer
IS YOUR FRIEND
![Page 42: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/42.jpg)
#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
![Page 43: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/43.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
L’avenir
![Page 44: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/44.jpg)
#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
![Page 45: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/45.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Pour continuer
✓ www.nraboy.com
✓ www.gajotres.net
✓ gonehybrid.com
✓ devdactic.com
✓ www.surfinfoweb.com
@maxlynch
@adamdbradley
@Ionicframework
@ionitron
![Page 46: Ionic, le framework mobile hybride carrément addictif - Devoxx France 2016](https://reader031.vdocument.in/reader031/viewer/2022030318/5a6e12d97f8b9aab3a8b5d7d/html5/thumbnails/46.jpg)
#DevoxxFR @Audrey_Neveu @IonicFramework
Merci !
Des questions ?