Organisme de Formation aux technologies et métiers de L'informatique
Effectuez une recherche
recherche
Accédez à votre espace client
Une question ? Contactez-nous
éditeurs domaines cursus certifications cpf

Formation Ionic, développer des applications mobiles hybrides multiplateformes

Télécharger le plan de cours
Demander un devis
Obtenir un renseignement

Informations générales

IOC
2 jours (14h)
1 450 €HT
repas inclus

Objectifs

Après ce cours, vous serez capable de :

  • 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

Public

Ce cours s'adresse avant tout aux personnes suivantes :

  • Développeurs Web
  • Chefs de projets mobilité

Prérequis

Pour suivre ce cours, vous devez déjà posséder les connaissances suivantes :

  • Bonnes connaissances des langages HTML, CSS et JavaScript
  • La maîtrise du Framework Angular constitue un atout supplémentaire

Programme de la formation

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.

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.
plus d'infos

Méthode pédagogique

Développement d'applications mobiles. 50% de théorie illustrée par 50% de pratique.

Méthode d'évaluation

Tout au long de la formation, les exercices et mises en situation permettent de valider et contrôler les acquis du stagiaire. En fin de formation, le stagiaire complète un QCM d'auto-évaluation.

Suivre cette formation à distance

  • Un ordinateur avec webcam, micro, haut-parleur et un navigateur (de préférence Chrome ou Firefox). Un casque n'est pas nécessaire suivant l'environnement.
  • Une connexion Internet de type ADSL ou supérieure. Attention, une connexion Internet ne permettant pas, par exemple, de recevoir la télévision par Internet, ne sera pas suffisante, cela engendrera des déconnexions intempestives du stagiaire et dérangera toute la classe.
  • Privilégier une connexion filaire plutôt que le Wifi.
  • Avoir accès au poste depuis lequel vous suivrez le cours à distance au moins 2 jours avant la formation pour effectuer les tests de connexion préalables.
  • Votre numéro de téléphone portable (pour l'envoi du mot de passe d'accès aux supports de cours et pour une messagerie instantanée autre que celle intégrée à la classe virtuelle).
  • Selon la formation, une configuration spécifique de votre machine peut être attendue, merci de nous contacter.
  • Pour les formations incluant le passage d'une certification la dernière journée, un voucher vous est fourni pour passer l'examen en ligne.
  • Pour les formations logiciel (Adobe, Microsoft Office...), il est nécessaire d'avoir le logiciel installé sur votre machine, nous ne fournissons pas de licence ou de version test.
  • Horaires identiques au présentiel.

Mis à jour le 08/11/2023