Développement

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

3 jour(s) • 21h

Éligible OPCO

8,8/10 avis apprenants

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.

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.

Développeurs d’applications, architectes, chefs de projet techniques…

Bonne maîtrise de JavaScript
Maîtrise d’Angular

1
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
2
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
3
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)
4
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.)
5
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
6
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
7
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
8
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
9
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
10
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
11
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

Ils nous font Confiance

Nos partenaires de confiance

Questions fréquentes

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

Oui, mais la prise en charge d'une formation professionnelle par un OPCO dépend de votre opérateur de compétences, de votre branche d'activité et des critères de financement applicables. Ascent Formation vous accompagne dans l'identification des possibilités de financement adaptées à votre entreprise.
Une formation inter-entreprises réunit des participants issus de différentes organisations, tandis qu'une formation intra-entreprise est organisée pour les collaborateurs d'une même entreprise. Le format intra permet notamment d'adapter le contenu et les modalités aux besoins spécifiques de vos équipes.
Selon la formation proposée, il est possible de suivre une formation professionnelle à distance, en présentiel ou selon d'autres modalités disponibles. Consultez les informations de la session concernée ou contactez-nous pour connaître les formats possibles.
Oui, une formation professionnelle peut être adaptée aux objectifs, au niveau des participants et aux besoins opérationnels de votre entreprise. Ascent Formation vous propose des parcours personnalisés pour accompagner le développement des compétences de vos équipes.