Ionic 8 - Développement d'une application mobile multiplateforme

Formation créée le 10/03/2025.
Version du programme : 2

Type de formation

Formation à distance

Durée de formation

21 heures (3 jours)

Ionic 8 - Développement d'une application mobile multiplateforme


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