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.
Proposé par
Sparks
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 de la formation
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
Proposé par
Sparks
"Tout l'IT, vraiment tout"
Proposé par
Sparks
