> Formations > Technologies numériques > Développement logiciel > iOS, Android, multiplateformes mobiles > Formation Ionic, développer des applications mobiles hybrides multiplateformes > Formations > Technologies numériques > Formation Ionic, développer des applications mobiles hybrides multiplateformes

Formation : Ionic, développer des applications mobiles hybrides multiplateformes

Ionic, développer des applications mobiles hybrides multiplateformes

Télécharger au format pdf Partager cette formation par e-mail 2


Ionic est un framework permettant de construire des applications natives à l'aide des technologies Web. Basé en partie sur AngularJS et Cordova, Ionic vous permet de créer des Progressive Web Applications pour mobile (iPhone et Android) proches des applications natives en utilisant HTML, CSS et JavaScript.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf. IOC
Prix : 1450 € H.T.
  2j - 14h00
Pauses-café et
déjeuners offerts




Ionic est un framework permettant de construire des applications natives à l'aide des technologies Web. Basé en partie sur AngularJS et Cordova, Ionic vous permet de créer des Progressive Web Applications pour mobile (iPhone et Android) proches des applications natives en utilisant HTML, CSS et JavaScript.

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure 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 concerné
Développeurs Web et chefs de projets mobilité.

Prérequis
Bonnes connaissances des langages HTML, CSS et JavaScript. La maîtrise du Framework Angular constitue un atout supplémentaire.
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.

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

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


Modalités pratiques
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.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.

Avis clients
5 / 5
Les avis clients sont issus des évaluations de fin de formation. La note est calculée à partir de l’ensemble des évaluations datant de moins de 12 mois. Seules celles avec un commentaire textuel sont affichées.
FABIEN C.
24/10/22
4 / 5

déroulé intéressant démarrage un peu lent la disparité peut être de niveaux / attentes freine l’avancement. La création de l’environnement de développement fait perdre beaucoup de temps, il faudrait peut être demander aux stagiaires de le préparer en amont de la formation. les points abordés permettent de progresser rapidement et de revoir les concepts angular lorsqu’on ne les a pa
CATHERINE T.
24/10/22
5 / 5

très bonne pédagogie et présentation J’aime bien les schémas , peut être ce serait bien de les ajouter au support de cours, ceux dessinés en live. Merci encore Steeve
JEAN-MARC C.
24/10/22
4 / 5

manque les commandes pour mise en place de l’environnement. la partie java + variable d’environnement. indiqué dans les prérequis des téléchargement et installation a faire pour la formation distante.




Horaires
En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
En classe à distance, la formation démarre à partir de 9h.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 15h30 le dernier jour.

Dates et lieux
Sélectionnez votre lieu ou optez pour la classe à distance puis choisissez votre date.
Classe à distance