Formation Ionic avec Capacitor et React

Programme de notre formation Ionic avec Capacitor et React

[Jour 1 – Matin]

Découvrir Ionic et son écosystème

• Comprendre le rôle d’Ionic dans le développement mobile hybride
• Présentation de Capacitor et différences avec Cordova
• Introduction à React pour les applications Ionic
• Installer et configurer l’environnement de développement
• Structure d’un projet Ionic + Capacitor
• Atelier pratique : Création et lancement d’une première application Ionic avec React.

[Jour 1 – Après-midi]

Composants et navigation

• Utiliser les composants UI d’Ionic (lists, modals, tabs…)
• Gérer la navigation et les routes avec React Router
• Intégrer menu latéral et onglets
• Exploiter les hooks React avec Ionic
• Personnaliser l’UI via CSS et thèmes Ionic
• Atelier pratique : Construire une app multi-pages avec navigation et thèmes personnalisés.

Capacitor et accès natif

• Découverte des API Capacitor (Camera, Filesystem, Geolocation)
• Ajouter et configurer des plugins natifs
• Connexion entre le code web et les API natives
• Gestion des permissions
• Intégration d’API tierces (Google Maps, Firebase…)
• Atelier pratique : Fonctionnalité caméra et géolocalisation.

[Jour 2 – Matin]

Gestion des données et stockage

• State management avec React 
• Stockage local : Storage API et SQLite
• Synchronisation avec des API REST
• Gestion du mode offline et persistance
• Bonnes pratiques de structuration des données
• Atelier pratique : To-Do List avec persistance locale et synchro API.

[Jour 2 – Après-midi]

Performance et optimisation

• Stratégies de lazy loading et optimisation
• Réduction de bundle (tree-shaking)
• Amélioration du temps de démarrage et du rendu
• Outils de debug et profiling
• Optimisations spécifiques Android et iOS
• Atelier pratique : Optimiser une application Ionic pour de meilleures performances.

Déploiement et publication

• Création de builds Android et iOS avec Capacitor
• Intégration avec Xcode et Android Studio
• Gestion des certificats et signatures
• Publication App Store et Google Play
• Mises à jour via Appflow
• Atelier pratique : Préparer et générer une version « store-ready ».

[Jour 3 – Matin]

Tests et qualité logicielle

• Tests unitaires avec Jest
• Tests end-to-end avec Cypress ou Playwright
• Stratégies de test pour les apps hybrides
• Automatisation en CI/CD
• Suivi qualité : linting et formatage
• Atelier pratique : Écrire des tests unitaires et e2e pour une app Ionic.

[Jour 3 – Après-midi]

Fonctionnalités avancées

• Intégrer les Push Notifications 
• Authentification (OAuth2, Firebase Auth, JWT)
• Gestion des paiements / API tierces
• Intégration Firebase 
• Création de plugins Capacitor personnalisés
• Atelier pratique : Mise en place d’une authentification complète.

Industrialisation et bonnes pratiques

• Structurer un projet pour le travail en équipe
• Mise en place d’un CI/CD mobile 
• Versioning et gestion des environnements (DEV/TEST/PROD)
• Sécurisation du code et des secrets
• Maintenabilité et évolutivité
• Atelier pratique : Déploiement continu vers Firebase Hosting + stores.