Formation Ionic avec Capacitor et VueJS
| € HT / personne |
| 3 jours (21 heures) |
Présentation
Notre formation vous présente Ionic, un framework moderne permettant de créer des applications mobiles hybrides en utilisant des technologies web. Combiné avec Capacitor, il permet un accès fluide aux fonctionnalités natives tout en conservant la rapidité du développement web.
Associé à Vue.js, il offre une solution robuste pour concevoir des applications multiplateformes performantes et ergonomiques, compatibles iOS, Android et le web.
La formation Ionic avec Capacitor et Vue.js vous permettra de maîtriser l’écosystème complet : création d’interfaces réactives, intégration de plugins natifs, gestion des données et publication sur les stores.
Vous apprendrez à connecter vos applications à des API, à implémenter des mécanismes de sécurité et à optimiser vos performances pour offrir une expérience fluide et moderne.
À l’issue de cette formation, vous serez en mesure de concevoir et publier une application mobile hybride complète intégrant géolocalisation, authentification et notifications push.
Comme toutes nos formations, celle-ci s’appuie sur les dernières versions stables d’Ionic Framework, Capacitor et Vue.js.
Objectifs
- Comprendre l’écosystème Ionic, Capacitor et Vue.js.
- Créer des interfaces mobiles modernes et réactives.
- Intégrer des plugins natifs et APIs externes.
- Gérer le stockage local et la synchronisation API.
- Préparer et publier une app sur iOS et Android.
- Automatiser les tests et les déploiements.
Public visé
- Développeurs front-end
- Développeurs Vue.js
Pré-requis
- Connaissances de base en JavaScript / Vue.js
- Notions générales sur le développement mobile
Programme de notre formation Ionic avec Capacitor et Vue.js
[Jour 1 – Matin]
Découverte de Ionic et Vue.js
- Comprendre le rôle d’Ionic dans le mobile hybride
- Présentation de Capacitor et différences avec Cordova
- Introduction à Vue.js pour le mobile
- Installation et configuration de l’environnement
- Structure d’un projet Ionic + Capacitor avec Vue
- Atelier pratique : Première application Ionic + Vue.
[Jour 1 – Après-midi]
Composants et navigation
- Utiliser les composants UI d’Ionic
- Gérer la navigation avec Vue Router
- Intégrer menu latéral et onglets
- Réactivité et composants Vue dans Ionic
- Thèmes et personnalisation CSS
- Atelier pratique : App multi-pages avec thèmes.
Capacitor et accès natif
- Découverte des APIs Capacitor (Caméra, Fichiers, GPS)
- Ajouter et configurer des plugins natifs
- Interaction entre le code Vue et les fonctions natives
- Gestion des permissions
- Intégration de services (Google Maps, Firebase)
- Atelier pratique : Utilisation de la caméra et de la géolocalisation.
[Jour 2 – Matin]
Gestion des données et stockage
- State management avec Pinia (ou Vuex)
- Stockage local : Storage API et SQLite
- Consommer des APIs REST
- Mode offline et persistance
- Structurer les données d’une app hybride
- Atelier pratique : To-Do persistante et synchro API.
[Jour 2 – Après-midi]
Performance et optimisation
- Lazy loading des vues et composants
- Réduction de bundle (tree-shaking)
- Améliorer le temps de démarrage et le rendu
- Debug & profiling (Chrome DevTools, Vue Devtools)
- Optimisations spécifiques Android / iOS
- Atelier pratique : Audit et optimisations ciblées.
Déploiement et publication
- Création de builds Android et iOS avec Capacitor
- Intégration avec Android Studio et Xcode
- Certificats, signatures et profils
- Publication App Store et Google Play
- Mises à jour via Appflow
- Atelier pratique : Build « store-ready ».
[Jour 3 – Matin]
Tests et qualité
- Tests unitaires avec Vue Test Utils + Jest
- Tests end-to-end (Cypress ou Playwright)
- Stratégies de test pour le mobile hybride
- Automatisation en CI/CD
- Suivi qualité : lint & formatage
- Atelier pratique : Unités + e2e sur app Vue + Ionic.
[Jour 3 – Après-midi]
Fonctionnalités avancées
- Push Notifications (Capacitor)
- Authentification (OAuth2, Firebase Auth, JWT)
- Paiements et APIs tierces
- Intégration Firebase (Analytics, Crashlytics)
- Créer des plugins Capacitor personnalisés
- Atelier pratique : Authentification complète Ionic + Vue.
Industrialisation et bonnes pratiques
- Organisation de projet pour le travail en équipe
- Pipeline CI/CD mobile (GitHub Actions / GitLab CI)
- Multi-env. (DEV/TEST/PROD) et versioning
- Sécurisation du code et des secrets
- Maintenabilité et évolutivité
- Atelier pratique : Déploiement continu Firebase Hosting.
Pour aller plus loin
Formation Flutter & Dart
Formation React Native
Formation Swift 5
Langues et Lieux disponibles
Langues
- Français
- Anglais / English
Lieux
-
France entière
- Paris
- Lille
- Reims
- Lyon
- Toulouse
- Bordeaux
- Montpellier
- Nice
- Sophia Antipolis
- Marseille
- Aix-en-Provence
- Nantes
- Rennes
- Strasbourg
- Grenoble
- Dijon
- Tours
- Saint-Étienne
- Toulon
- Angers
-
Belgique
- Bruxelles
- Liège
-
Suisse
- Genève
- Zurich
- Lausanne
-
Luxembourg
Témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Afficher tous les témoignages
⭐⭐⭐⭐⭐ 4,8/5 sur Google My Business. Vous aussi, partagez votre expérience !
Noter la formation
| € HT / personne |
| 3 jours (21 heures) |
UNE QUESTION ? UN PROJET ? UN AUDIT DE CODE / D'INFRASTRUCTURE ?
Pour vos besoins d’expertise que vous ne trouvez nulle part ailleurs, n’hésitez pas à nous contacter.
ILS SE SONT FORMÉS CHEZ NOUS
