Vue.js avancé

Maîtrisez les concepts avancés et les meilleures pratiques de développement avec notre formation Vue.js !

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.

Objectifs pédagogiques

• Approfondir la compréhension des concepts clés de Vue.js, tels que les composants asynchrones, les composables et les directives personnalisées
• Maîtriser le routage et la navigation avec Vue Router
• Gérer efficacement les états d’application avec Pinia
• Développer des tests unitaires et end-to-end pour assurer la qualité du code
• Mettre en production et déployer des applications Vue.js en suivant les meilleures pratiques

Programme

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