Formation Vue.js Avancé

Cette formation VueJS est conçue pour les développeurs ayant déjà une bonne compréhension des concepts de base de Vue.js et souhaitant approfondir leurs connaissances pour maîtriser les concepts avancés et les meilleures pratiques de développement. Cette formation vous permettra d'acquérir une expertise solide en matière de composants avancés, de routage avec Vue Router, de gestion d'états avec Pinia, de tests avancés et de déploiement d'applications Vue.js. À travers des exemples concrets et des cas pratiques, vous apprendrez à créer des applications web modernes et performantes en tirant parti de tout le potentiel offert par le framework Vue.js. La formation est dispensée en Vue 3, sauf besoin spécifique à préciser lors de votre inscription.

Introduction à la formation VueJS Avancé

Présentation des objectifs et du contenu de la formation
Récapitulatif des concepts fondamentaux de développement avec Vue

Composants avancés

Composants asynchrones : chargement à la demande, gestion des erreurs et transitions
Utilisation avancée des slots : slots nommés et slots avec scope
Utilisation de v-once et v-memo pour optimiser les performances

Composables et directives personnalisées

Création de composables réutilisables pour partager la logique entre composants
Développement de directives personnalisées pour étendre les fonctionnalités de Vue.js
Exemple de cas pratiques : création d’une directive personnalisée pour le lazy loading d’images

Routage avancé avec Vue Router

Gestion des transitions entre les routes
Navigation programmatique et gestion de l’historique du navigateur
Utilisation des guards pour protéger l’accès aux routes
Exemple de cas pratiques : mise en place d’un système d’authentification avec Vue Router

Gestion des états avec Pinia

Optimisation des stores pour de meilleures performances
Gestion des états globaux et des modules
Utilisation des plugins pour étendre les fonctionnalités de Pinia

Tests avancés

Mocking et stubbing avec test-utils
Tests de composants avec dépendances externes
Tests end-to-end avancés avec Cypress
Exemple de cas pratiques : tests unitaires et end-to-end d’une application Vue.js complète

Mise en production et déploiement

Optimisation du bundle de production avec code-splitting et lazy loading
Configuration du serveur et gestion des environnements
Mise en place d’un pipeline de déploiement continu
Exemple de cas pratiques : déploiement d’une application Vue.js sur Netlify ou Vercel