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

Formation : Ionic, développer des applications mobiles multiplateformes

Ionic, développer des applications mobiles multiplateformes




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 à distance
Disponible en anglais, à la demande

Réf. IOC
  2j - 14h00
Prix : 1480 € H.T.
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.

Méthodes et moyens pédagogiques
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.

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.
Solutions de financement
Plusieurs solutions existent pour financer votre formation et dépendent de votre situation professionnelle.
Découvrez-les sur notre page Comment financer sa formation ou contactez votre conseiller formation.

Avis clients
4,3 / 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.
FREDERIC G.
05/12/24
5 / 5

Le contenu semble suffisant pour découvrir Ionic, le cours se déroule bien, de manière fluide. Le formateur s’adapte au niveau et aux compétences. Le fait qu’il connaisse bien les sujets aide au bon déroulé de la formation.
JEAN-BAPTISTE S.
05/09/24
3 / 5

la formation est 2/3 Angular débutant, 1/3 Ionic.En tant que personne expérimenté en Angular, la partie Angular de la formation ne m’a peu apporté.
STÉPHANE S.
05/09/24
5 / 5

La formation devrait tenir sur 3 jours et ne permet pas de voir suffisamment la partie angular



Horaires
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.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 16h le dernier jour.

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

Dernières places
Date garantie en présentiel ou à distance
Session garantie