Ionic 8 - Développement d'une application mobile multiplateforme
Formation créée le 10/03/2025.
Version du programme : 2
Programme de la formation
Objectif de la formation : Cette formation vise à donner aux participants une maîtrise complète d'Ionic 8, leur permettant de développer des applications mobiles multiplateformes modernes, performantes et optimisées. Grâce à des cas pratiques, les participants apprendront à exploiter les nouveautés d’Ionic 8, son intégration avec Capacitor, les API Web modernes et Angular/React.
Objectifs de la formation
- Comprendre et appliquer les fondamentaux d’Ionic 8.
- Configurer un environnement de développement hybride et utiliser Capacitor.
- Développer des interfaces utilisateur interactives et adaptatives.
- Gérer l’authentification, les notifications push et l’accès aux API.
- Tester, déboguer et publier une application sur Google Play et App Store.
Profil des bénéficiaires
Pour qui
- Développeurs d’applications, architectes, chefs de projet techniques…
Prérequis
- Bonne maîtrise de JavaScript
- Maîtrise d’Angular
Contenu de la formation
-
Introduction à Ionic 8 et Capacitor (1h)
- Présentation d’Ionic 8 : évolution et nouveautés
- Différences avec les versions précédentes (Ionic 4, 5, 6, 7)
- Capacitor vs Cordova : quelle approche choisir ?
- Exemples d’applications Ionic en production
- Travail Pratique : Analyse de projets Ionic 8 existants : exploration d’applications réelles sur le web et les stores
-
Mise en place de l'environnement de développement (2h)
- Installation de Node.js, Ionic CLI et Capacitor
- Création et structuration d’un projet Ionic
- Présentation de la structure des fichiers
- Exécution sur simulateur et appareil physique
- Travail Pratique : Création et exécution d’une première application Ionic 8
-
Les composants et la navigation dans Ionic 8 (2h)
- Présentation des UI Components Ionic 8
- Gestion des menus et navigation (Router, Tabs, Side Menu)
- Animation des transitions entre pages
- Personnalisation des styles avec CSS variables et Tailwind CSS
- Travail Pratique : Développement d’un menu de navigation dynamique (tabs + side menu)
-
Gestion de l'état et stockage des données (2h)
- Stockage local : Ionic Storage, SQLite, IndexedDB
- Gestion des données avec Redux/Ngrx ou Zustand (selon Angular ou React)
- Synchronisation en ligne/hors ligne
- Travail Pratique : Implémentation d’un système de stockage local (favoris, historique d’utilisation, etc.)
-
Connexion aux API REST et gestion des requêtes HTTP (2h)
- Utilisation de HttpClient (Angular) ou Fetch API (React)
- Gestion des erreurs et retry automatique
- Implémentation des intercepteurs et caches
- Travail Pratique : Consommation d’une API tierce et affichage dynamique des données
-
Authentification et Sécurité des applications Ionic (2h)
- Intégration avec Firebase Authentication et Auth0
- Gestion de l’authentification OAuth (Google, Facebook, Apple)
- Stockage sécurisé des tokens (Capacitor Secure Storage)
- Travail Pratique : Mise en place d’un système de connexion via Google et gestion des sessions
-
Notifications push et fonctionnalités natives avec Capacitor (2h)
- Utilisation des Plugins Capacitor (Caméra, Géolocalisation, Push Notifications)
- Configuration des notifications push avec Firebase Cloud Messaging (FCM)
- Intégration de capteurs matériels (accéléromètre, GPS, Bluetooth)
- Travail Pratique : Ajout d’un système de notifications push et test sur mobile
-
Gestion avancée des permissions et accessibilité (1h)
- Gestion des permissions sur iOS et Android
- Optimisation UX/UI pour les applications mobiles
- Travail Pratique : Analyse et correction des problèmes d’accessibilité d’une application existante
-
Tests unitaires et end-to-end d’une application Ionic 8 (2h)
- Introduction à Jest (React) et Jasmine/Karma (Angular)
- Automatisation des tests avec Cypress
- Tests sur appareils physiques avec Appium
- Travail Pratique : Implémentation de tests unitaires et end-to-end sur une application existante
-
Débogage et optimisation des performances (2h)
- Profiling avec Chrome DevTools
- Optimisation du rendu et Lazy Loading
- Minification, compression et réduction des temps de chargement
- Travail Pratique : Optimisation des performances d’une application et réduction du bundle final
-
Déploiement et mise en production sur les stores (3h)
- Signature et génération des APK/iOS avec Capacitor
- Configuration des App Store & Google Play Console
- Mise en place des mises à jour automatiques avec AppFlow
- Suivi des performances post-déploiement
- Travail Pratique : Publication d’une application Ionic 8 sur un store de test interne
Équipe pédagogique
Professionnel expert dans le développement mobile
Suivi de l'exécution et évaluation des résultats
- Feuilles de présence
- Mises en situation
- Formulaires d'évaluation de la formation
- Certificat de réalisation de l’action de formation
- Émargement numérique
Ressources techniques et pédagogiques
- Documents supports de formation projetés
- Exposés théoriques
- Etude de cas concrets
- Mise à disposition en ligne de documents supports à la suite de la formation
- Espace intranet de formation
Qualité et satisfaction
Taux de satisfaction des stagiaires
Progression des compétences visées
Taux d'abandon
Taux de retour des enquêtes
Taux d'interruption en cours de prestation