Configurer un environnement de développement moderne
- Choix de l'éditeur, les plug-ins indispensables.
- Socle des bonnes pratiques : mobile et "Web-platform".
- Node.js utilitaire de développement. Synchronisation "multi-device".
- Choisir et paramétrer un "workflow" mobile.
- Yeoman. Utiliser un "scaffoldeur" de projet.
Travaux pratiques
Configuration des outils.
Ionic SDK : présentation et mise en oeuvre
- Présentation de l'offre de services Ionic.
- Framework de développement "hybride", positionnement.
- Composantes : Utilitaires, CSS, JavaScript, Services.
- Technologies : services cloud, Cordova, le choix d'Angular.
- Démarrer, émuler et débugger une application.
- Apport du Framework CSS.
Travaux pratiques
Mise en œuvre d'un projet d'application.
Ionic + Angular : initiation au Framework de Google
- Structure d'une application Angular.
- Identifier les ressources : Services, Components, Directives, Pipe.
- Ajax : consommation de services Web.
- SPA (Single Page Application) routes et navigation.
- Les composants mobiles Ionic.
- Utilisation indépendante du Framework CSS Ionic.
Démonstration
Structure d'une application Angular.
Le Framework Ionic en profondeur
- Personnalisation ciblée de la plateforme (IOS/Android).
- Gestion du contenu : listes, chargement, "scroll", "pull to refresh".
- Gestion de la navigation : menu, route et persistance.
- Composant interactifs : "modal, action sheet, popover"
- Créer des formulaires efficaces.
- Gestuelle utilisateur : "swipe, slide, tap...".
Travaux pratiques
Réalisation d'une application basée sur Ionic et Angular.
Gérer la persistance des données utilisateur
- Ionic Native : utilisation des plugins Cordova.
- Adopter une stratégie "offline first".
- Les API pour la sauvegarde locale : IndexDB localStorage.
- Centraliser les données : redéfinir le cycle UX.
- Quelles fonctionnalités attendre d'un Backend Mobile ?
- Les services d'authentification et de "push notification".
Travaux pratiques
Intégration d'un "Backend Cloud".
Préparer le "build" et le déploiement
- Automatiser la création des icônes et écrans de démarrage.
- Présentation des services de la "Ionic Platform".
- "Build" service de compilation.
- Cycle de déploiement continu.
Travaux pratiques
Préparation et déploiement de l'application.