IONIC

Cette formation vous permettra de maîtriser la dernière version des Frameworks et SDK Ionic, basé sur Angular et Cordova. Vous développerez des Progressive Web Applications pour mobile (iPhone et Android) proches des applications natives. Vous découvrirez par ailleurs les outils de productivité basés sur Node.js.

Objectifs pédagogiques

  • Configurer un environnement de développement hybride
  • Développer une application mobile basée sur Ionic et Angular
  • 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

Travaux pratiques

Réalisation d’une application mobile « hybride » IOS/Android et compilation dans le Cloud.

Méthodes pédagogiques

Développement d’applications mobiles. 50% de théorie illustrée par 50% de pratique.
PROGRAMME DE 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

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