Présentation de vue.js

• Concepts essentiels
• Rappels MVC, MV*
• Pour et contre de vue.js, comparaison aux autres frameworks front-end
• Outils du développeur vue.js (éditeurs, node.js, webpack, vue-cli, vue-devtools, vite, create-vue)
• Vocabulaire et architecture du framework
• Initialisation d’un projet via vue-cli (webpack)
• Initialisation d’un projet via create-vue (vite)

Les composants vue.js

• Découpage d’une application en composants
• Création d’un composant
• Structure d’un composant
• Templating et liaison avec le modèle
• Principales directives intégrées de vue.js
• Gestion des événements d’un composant
• Définition et cycle de vie des instances de Vue
• Styles et composants
• Slots

Routage d’une application Vue avec Vue-router4

• Principes du routage avec vue-router
• Création de routes
• Définition de liens vers les routes
• Routes paramétrées
• Routes et props des composants
• Navigation programmatique
• Gardes de navigation

Gestion de l’état centralisée

• VueX vs Pinia
• Composants du store de Pinia
• Routes paramétrées
• Stores et APIs REST

Formulaires

• La gestion des formulaires avec vue.js
• La directive v-model
• Validation avec Vee-Validate

Tests de l’application

• Principes des tests
• Tests unitaires avec jest
• Tests e2e avec cypress

Mise en production

• Publication et déploiement d’applications Vue3