Ionic 8 permet de developper des applications mobiles multiplateformes en s’appuyant sur vos competences web existantes (Angular, React) et le runtime natif Capacitor. Cette formation couvre la creation de composants, la navigation, les operations CRUD avec APIs REST, le stockage local SQLite et l’authentification avec fournisseurs externes. Vous apprendrez a tester, signer et publier vos applications sur l’App Store et Google Play en trois jours.
Public visé
Développeurs, architectes et chefs de projet techniques maîtrisant JavaScript et TypeScript, avec une expérience Angular ou React appréciée.
Prérequis
Avoir suivi cette formation, ou en maîtriser les thèmes abordés :
Objectifs pédagogiques
À l’issue de cette formation, vous serez capable de :
- Décrire et mettre en oeuvre le framework Ionic 8
- Adapter les applications aux contraintes matérielles des appareils mobiles
- Développer, tester et publier des apps multiplateformes
- Reconnaître les améliorations de la version 8 d’Ionic
Programme
Jour 1 - Matin
Introduction et installation de Ionic 8
- Présentation de l’offre Ionic 8
- Le développement hybride
- Rôle de Capacitor dans une application Ionic 8
- Création d’applications mobiles avec Ionic 8
- Installation de Ionic 8
- Configuration de Ionic 8
- Evolution des versions Ionic
- Mettre à jour une application Ionic 7 vers la 8
- Ionic 8 et React
- Ionic 8 et Vue
- Ionic 8 et Angular
Travaux pratiques
- Installation des outils de développement, Visual Studio Code et de Ionic 8
Création d’une application avec Ionic 8
- L’environnement de développement
- Installation de Ionic CLI
- Utilisation de l’interface CLI (Command-Line Interface) et dépendances
- Structure du projet Ionic 8
- Exécution d’une application
Jour 1 - Après-midi
Ionic 8 et React 19
- Structure d’une application React SPA (Single-Page Application)
- Intégration d’une application React au sein d’une application Ionic 8
Travaux pratiques
- Démonstration d’une application React embarquée dans une application Ionic 8
Ionic 8 et Angular 19
- Structure d’une application Angular SPA (Single-Page Application)
- Intégration d’une application Angular au sein d’une application Ionic 8
Travaux pratiques
- Démonstration d’une application Angular embarquée dans une application Ionic 8
Jour 2 - Matin
Les composants
- Les composants de Ionic 8
- Réutilisation des composants
- Menus
- Navigation entre pages
- Les sliders
- Thèmes pour une plateforme cible
- Personnaliser un thème
- Les composants propres à une plateforme
Travaux pratiques
- Poursuite du développement des applications Ionic / Angular et Ionic / React en intégrant des composants graphiques proposés par la plateforme
Jour 2 - Après-midi
Gestion des opérations CRUD avec Ionic
- Gestion des listes avec Ionic / React
- Gestion des listes avec Ionic / Angular
- Gestion des formulaires avec Ionic / React
- Gestion des formulaires avec Ionic / Angular
Travaux pratiques
- Reprise des deux applications créées et ajout des fonctionnalités CRUD
Solutions de persistance des données dans Ionic 8
- Les requêtes HTTP
- Appel d’API REST et récupération JSON
- Récupération des données d’un BackEnd avec les Promises
- Stockage des données dans les “storages” locales
- Accès à une base de données SQLite
Travaux pratiques
- Reprise des deux applications créées en intégrant la persistances des données locales et à distance
Jour 3 - Matin
Authentification et notifications avec Ionic 8
- Création d’une page de connexion
- Authentification auprès des providers externes
- Utiliser Facebook et Google pour l’authentification
- Gestion des notifications sur iOS et Android
Travaux pratiques
- Démonstration d’une application Ionic 8 utilisant l’authentification externe
Tester et débugger une application Ionic 8
- Les différentes possibilités de débugging
- Ajout des tests unitaires dans une application Ionic 8
Jour 3 - Après-midi
Publier une application Ionic 8
- Préparation d’un projet pour la publication
- Signer une application iOS et Android
- Publier une application sur l’App Store et Google Play
- Le versionning des mises à jour sur les Stores
- Publier une application Ionic avec FireBase
Travaux pratiques
- Signature et préparation des fichiers pour déploiement de l’application Ionic 8
Modalités d’évaluation des acquis
En cours de formation, par des travaux pratiques. En fin de formation, par un questionnaire d’auto-évaluation.
Voir aussi
Vous serez peut-être intéressés par cette formation :
Formation DEV-IONIC-100 — Ionic 8 - Applications mobiles hybrides. Domaine : Développement. Niveau : Initiation. Durée : 3 jours (21 heures). Mots-clés : ionic, mobile, angular, react, capacitor, initiation. Cylian Formation, Dijon.