Description

Cette formation vous permettra de maîtriser le Framework et le SDK Ionic, basé sur AngularJS et Cordova. Vous développerez des applications mobiles hybrides pour iPhone et Android proches des applications natives. Outre la mise en oeuvre des fonctionnalités, vous découvrirez les outils de productivité basés sur Node.js.

À qui s'adresse cette formation ?

Pour qui ?

Développeurs Web et chefs de projets mobilité.

Prérequis

Les objectifs de la formation

Configurer un environnement de développement hybride Développer une application mobile basée sur Ionic et AngularJS Maîtriser les outils de productivité proposés par Node
js Intégrer un Backend Mobile Préparer le build et le déploiement d'une application

Programme de la formation

• 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
  • Framework de développement "hybride", positionnement.
  • Composantes : Utilitaires, CSS, JavaScript, Services.
  • Technologies : services cloud, Cordova, le choix d'AngularJS.
  • Démarrer, émuler et débugger une application.
  • Apport du Framework CSS.
  • Travaux pratiques Mise en oeuvre d'un projet d'application.
• Ionic + AngularJS : initiation au Framework de Google
  • Structure d'une application AngularJS.
  • Identifier les ressources : Services, Contrôleur, Directives.
  • Ajax : consommation de services Web.
  • SPA (Single Page Application) routes et navigation.
  • Les directives apportées par Ionic.
  • Utilisation indépendante du Framework CSS Ionic.
  • Démonstration Structure d'une application AngularJS.
• 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 AngularJS.
• Gérer la persistance des données utilisateur
  • 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.