Vue JS 3 par la pratique : Le cours 2025 ultime TOUT en 1 !
Découvrez Vue.js et son écosystème (Nuxt.js, Pinia, Vite, Vue Routeur, Vitest, Cypress, Vuetify) via plusieurs projets !

What you will learn
Créer des apps web avec Vue JS
Utiliser Nuxt JS pour aller plus vite
Comprendre Vue Router
Gérer le store avec Pinia
Écrire des tests unitaires avec Vitest
Mettre en place des tests E2E avec Cypress
Appeler des API REST pour créer une application dynamique
Afficher des données sous forme de graphiques
Apprendre par la pratique au travers de plusieurs projets
Intégrer l'intelligence artificielle générative aux webapps
Interagir avec une API GraphQL grâce à Apollo
Utiliser JavaScript ainsi que TypeScript
Utiliser Vuetify pour concevoir des interfaces responsives rapidement
Why take this course?
Ça résume très bien le parcours que vous allez suivre dans ce domaine de compétence. Voici quelques conseils pour chaque étape :
-
Nuxt JS : Familiarisez-vous avec le routing, la dynamique des pages et les nuances de Nuxt. Il est important de bien comprendre comment Nuxt gère le rendering côté serveur (SSR) et le rendering côté client (Client-Side Rendering - CSR) pour tirer pleinement parti de ses capacités.
-
Le site d'actus (projet) : Lorsque vous créez ce projet, pensez à la structure des données et à la manière dont vous allez les gérer. Nuxt est un excellent outil pour structurer votre application de manière scalable. Utilisez Bootstrap pour un design responsive et esthétiquement attrayant.
-
Les tests unitaires avec Vitest : Comprenez comment tester les composants Vue individuellement. Les tests unitaires sont essentiels pour s'assurer que vos composants fonctionnent comme prévu et pour faciliter le refactoring sans introduire de bugs.
-
Les tests E2E avec Cypress : Ces tests vous permettront de simuler l'interaction d'un utilisateur final avec votre application. Ils sont essentiels pour garantir la cohérence globale de l'expérience utilisateur et pour détecter les bugs qui ne deviennent apparents qu'au niveau de l'application complète.
-
Le super projet : Une application de gestion complète (partie 1 - API) : Lorsque vous créez votre API, pensez à la conception RESTful et aux bonnes pratiques pour la mise en cache, la gestion des erreurs, la sécurité, et le déploiement.
-
Le super projet : Une application de gestion complète (partie 2 - WebApp) : Lorsque vous développez l'application web, concentrez-vous sur l'expérience utilisateur, l'ergonomie et la réactivité de l'interface. Utilisez le state management (comme Pinia) pour gérer l'état de l'application de manière efficace.
-
Le super projet : Une application de gestion complète (partie 3 - IA) : L'intégration de l'IA générative peut être un défi passionnant. Familiarisez-vous avec les outils et frameworks disponibles pour l'intégration d'IA dans des applications Vue JS, comme A11y (pour le lancement OpenAI). Assurez-vous de comprendre les implications éthiques et légales de l'utilisation de l'IA.
-
Interagir avec une API GraphQL : Pratiquez avec un endpoint GraphQL existant pour comprendre les nuances entre REST et GraphQL. Apollo Client est un bon choix pour interroger une API GraphQL depuis Vue JS.
En suivant ce plan de formation, vous constuirez non seulement une solide compréhension technique des outils et frameworks mentionnés, mais vous développerez également une approche holistique de la gestion de projet dans le domaine du développement web avec Vue JS. Bon apprentissage !
Screenshots



