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