Créer une Application SPA avec Vue 3 et Vue Router
Apprenez à réaliser une application Single Page Application (SPA) utilisant Vue 3 et le plugin Vue Router.
Premiers pas en Vue3
 
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                          Les composants Vue JS
 
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                          Les applications SPA (Single Page Applications)
L'interface en ligne de commande Vue-Cli
 
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                          Le gestionnaire d'état Vuex
 
                                           
                                           
                                           
                                           
                                           
                                           
                                          Le gestionnaire d'état Pinia
 
                                           
                                           
                                           
                                           
                                          Persistance des données avec Firebase
 
                                           
                                           
                                           
                                           
                                           
                                          Plus loin avec Vue.js 3
 
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                           
                                          Détails de la leçon
Description de la leçon
Cette leçon vous guide à travers les étapes nécessaires pour créer une Single Page Application (SPA) de base avec Vue.js 3 et Vue Router. Vous apprendrez à :
- Créer et configurer un projet Vue 3.
- Utiliser Vue Router pour gérer les routes et les composants.
- Définir des composants qui représenteront les différentes pages de votre application.
- Appliquer du CSS pour styliser les liens actifs.
En commençant par la configuration initiale du projet, nous vous montrerons comment inclure Vue Router, définir les routes et les composants, et finalement, comment faire fonctionner la navigation dans votre SPA. Cette leçon intègre des concepts tels que créer un projet, manipuler les routes et gérer les composants. Vous finirez par avoir une application fonctionnelle avec des liens de navigation et un style CSS minimal mais efficace.
Objectifs de cette leçon
Les objectifs de cette vidéo sont :
- Comprendre le concept de Single Page Application (SPA).
- Apprendre à utiliser Vue.js 3 et Vue Router pour créer une SPA.
- Maîtriser la gestion des routes et des composants dans une application Vue.js.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir :
- Des connaissances de base en HTML, CSS et JavaScript.
- Une compréhension élémentaire de Vue.js.
Métiers concernés
Les compétences acquises grâce à cette vidéo sont utiles pour divers métiers tels que :
- Développeur web
- Développeur front-end
- Ingénieur logiciel
Alternatives et ressources
Des alternatives à Vue.js pour créer des SPA incluent :
- React avec React Router
- Angular avec son propre système de routage.
Questions & Réponses
 
                
               
         
           
                                                                      
                                           
                                          