Introduction aux Transitions de Pages
Objectifs
Les objectifs de cette vidéo sont d'apprendre à :
- Utiliser le composant Transition de Vue.js pour encapsuler Router View.
- Définir et appliquer des transitions CSS entre les pages d'une application SPA.
- Utiliser des attributs tels que Name et Mode pour contrôler les transitions.
- Diagnostiquer et résoudre les erreurs courantes dans les transitions CSS.
Résumé
Apprenez à effectuer des transitions fluides entre les pages de votre application SPA avec Vue.js.
Description
Cette leçon couvre les étapes pour implémenter et personnaliser des transitions entre les différentes pages d'une application SPA en utilisant Vue.js. Vous apprendrez à encapsuler le composant Router View avec le composant Transition, ainsi qu'à définir des attributs comme Name et Mode pour contrôler les animations. De plus, vous verrez comment écrire le code CSS nécessaire pour les différentes étapes de la transition (départ, actif, et final) et comment résoudre les erreurs courantes lors du développement. En suivant cette leçon, vous serez capable de créer des transitions visuelles fluides, améliorant ainsi l'expérience utilisateur de votre application SPA.
Questions - réponses
Programme détaillé
Module 1 - Premiers pas en Vue3
Module 2 - Les composants Vue JS
Module 3 - Les applications SPA (Single Page Applications)
Module 4 - L'interface en ligne de commande Vue-Cli
Module 5 - Le gestionnaire d'état Vuex
Module 6 - Le gestionnaire d'état Pinia
Module 7 - Persistance des données avec Firebase
Module 8 - Plus loin avec Vue.js 3
