Ionic 7 - Développement d'applications multiplateformes pour mobiles

Jour 1

Introduction et installation de Ionic 7

• Présentation de l'offre Ionic 7
• Le développement hybride
• Rôle de Capacitor dans une application Ionic 7
• Création d'applications mobiles avec Ionic 7
• Configuration de Ionic 7
• Installation de Ionic 7
• Mettre à jour une application Ionic 6 vers la 7
• Ionic 7 et React
• Ionic 7 et Vue
• Ionic 7 et Angular

Exemple de travaux pratiques (à titre indicatif)

• Installation des outils de développement, Visual Studio Code et de Ionic 7

Création d'une application avec Ionic 7

• L'environnement de développement
• Installation de Ionic CLI
• Utilisation de l'interface CLI (Command-Line Interface) et dépendances
• Structure du projet Ionic 7
• Exécution d'une application

Exemple de travaux pratiques (à titre indicatif)

• Création d'une première application Ionic 7 en utilisant la CLI

Les composants

• Les composants de Ionic 7
• 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

Jour 2

Exemples de travaux pratiques (à titre indicatif)

• Poursuite du développement de l'application Ionic 7 en intégrant des composants graphiques proposés par la plateforme

Formulaires Ionic 7

• Saisies utilisateur
• La gestion des listes dans Ionic 7

Exemples de travaux pratiques (à titre indicatif)

• Reprise du projet créé et ajout de plusieurs formulaires avec multiples objets de saisie

Gestion des données dans Ionic 7

• 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

Exemples de travaux pratiques (à titre indicatif)

• Ajout, dans l'application Ionic 7, de l'accès à une base de données SQLite avec Capacitor
• Accès à des stockages locaux

Jour 3

Animations Ionic 7

• Intégrer une vidéo
• Créer une animation avec :
• CSS
• Angular
• Animations de page

Exemple de travaux pratiques (à titre indicatif)

• Ajout de l'animation visuelle d'une page

Authentification et notifications avec Ionic 7

• 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

Exemple de travaux pratiques (à titre indicatif)

• Démonstration d'une application Ionic 7 utilisant l'authentification externe

Ionic 7 et Angular 17

• Structure d'une application Angular
• Applications SPA (Single-Page Application)
• Intégration d'une application Angular au sein d'une application Ionic 7

Exemple de travaux pratiques (à titre indicatif)

• Démonstration d'une application Angular embarquée dans une application Ionic 7

Tester et débugger une application Ionic 7

• Les différentes possibilités de débugging
• Tester une application Ionic 7

Publier une application Ionic 7

• 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

Exemples de travaux pratiques (à titre indicatif)

• Signature et préparation des fichiers pour déploiement de l'application Ionic 7

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

Modalités d’évaluation des acquis

• En cours de formation, par des études de cas ou des travaux pratiques
• Et, en fin de formation, par un questionnaire d'auto-évaluation