Module 1 — Fondamentaux de Vue.js
- Présentation de l’écosystème Vue.js et cas d’usage
- Instance Vue et cycle de vie d’un composant
- Syntaxe des templates et directives (v-bind, v-model, v-if, v-for)
- Réactivité et data binding
- Mise en application encadrée : création d’un premier composant interactif
Module 2 — Composants et architecture d’application
- Création et organisation des composants
- Props, événements et communication parent/enfant
- Slots et composition avancée
- Single File Components (.vue)
- Structuration d’un projet scalable
Module 3 —Gestion d’état et logique applicative
- Gestion locale de l’état dans les composants
- Introduction à un store (ex. Pinia ou Vuex selon contexte projet)
- Centralisation des données et bonnes pratiques
- Gestion des formulaires et validations
- Mise en application encadrée : structuration d’un mini-module fonctionnel
Module 4 — Routing et navigation
- Mise en place de Vue Router
- Routes dynamiques et paramètres
- Navigation programmatique
- Guards de navigation et sécurisation des routes
- Organisation des vues et layouts
Module 5 — Consommation d’API et gestion asynchrone
- Appels HTTP (fetch / axios)
- Gestion des promesses et async/await
- Gestion des états de chargement et erreurs
- Structuration des services API
- Bonnes pratiques d’intégration back-end / front-end
Module 6 — Optimisation et qualité du code
- Bonnes pratiques de structuration et nommage
- Réutilisabilité et factorisation du code
- Performance et lazy loading
- Introduction aux tests (unitaires / composants)
- Outils de debugging et Vue Devtools
Module 7 — Industrialisation et mise en production
- Configuration d’un projet avec Vite
- Gestion des environnements (dev, staging, production)
- Build et optimisation des assets
- Sécurisation côté front
- Méthodologie de déploiement et maintenance évolutive
