Retour aux formations
Développement
Ionic 8 - Développement d'une application mobile multiplateforme
3 jour(s) • 21h
Description
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 pédagogiques
- 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.
Public concerné
Développeurs d’applications, architectes, chefs de projet techniques…
Prérequis
Bonne maîtrise de JavaScript
Maîtrise d’Angular
Déroulé du programme
1
Introduction à Ionic 8 et Capacitor (1h)
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
2
Mise en place de l'environnement de développement (2h)
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
3
Les composants et la navigation dans Ionic 8 (2h)
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)
4
Gestion de l'état et stockage des données (2h)
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.)
5
Connexion aux API REST et gestion des requêtes HTTP (2h)
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
6
Authentification et Sécurité des applications Ionic (2h)
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
7
Notifications push et fonctionnalités natives avec Capacitor (2h)
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
8
Gestion avancée des permissions et accessibilité (1h)
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
9
Tests unitaires et end-to-end d’une application Ionic 8 (2h)
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
10
Débogage et optimisation des performances (2h)
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
11
Déploiement et mise en production sur les stores (3h)
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
Informations
Durée
3 jour(s)
21h
Tarif
1850 € HT
HT
