Vue.js - Avancé
Formation créée le 04/01/2023. Dernière mise à jour le 21/03/2023.
Version du programme : 1
Programme de la formation
Objectif de formation : Au cours de cette formation seront présentés les concepts avancés de l'outil
Objectifs de la formation
- Comprendre et manipuler les aspects avancés de Vue.js
- Construire des composants réutilisables
- Déployer des applications optimisées
Profil des bénéficiaires
Pour qui
- Développeurs
- Chefs de projets techniques
- Ingénieurs
Prérequis
- Avoir des connaissances pratiques sur Vue.js
Contenu de la formation
-
Approfondissement de Vue Router
- Chargement dynamique des composants
- Mode "historique"
- Paramétrage server-side
- Configuration d'URL
- Nested routes
- Navigation par le code
- Redirection
- Traitement des erreurs
- Flash message
- Pagination
- Gardes
- Travaux pratiques : Implémentation de routes dans une application
-
Slots
- Définition et intérêts
- Implémentation de contenu au sein d'un template
- Slots, composants génériques & composants parents
- Props & slots
- Directive v-slot
- Slots nommés
- Portée des slots
- Slots à nom dynamique
- Travaux pratiques : Mise en oeuvre de slots avec composants génériques
-
Composants asynchrones
- Rôle des composants asynchrones
- Chargement des composants
- defineAsyncComponent
- Retour sur les promises
- Traitement des erreurs et de l'état
- Travaux pratiques : Implémentation d'appels de composants de façon asynchrone
-
Vuex & Pinia
- Définition du state management pattern
- Vuex vs Pinia
- Stockage unique par application
- Exemple de stockage le plus élémentaires
- Gestion de l'état Vuex dans les composants
- Getters
- Mutations d'état
- Commits
- Gestion des actions
- Comparatif avec Pinia
- Travaux pratiques : Construction d'un store de données avec Vuex
-
Test sous Vue.js
- Avantages des tests d'apps Vue.js
- Tour d'horizon des types de test
- Test par Vue.js
- Framework à disposition
- Travaux pratiques : Déploiement d'un test
-
Performance
- Code splitting
- Lazy loading : enjeux avec Vue.js
- Chargement à la demande
- Chargement lazy avec dynamic import
- Directives v-once & v-memo
-
Vuex & authentification
- Schéma d'authentification
- Authentifier par token
- JWT
- Connexion / déconnexion
Équipe pédagogique
Professionnel expert technique et pédagogique.
Suivi de l'exécution et évaluation des résultats
- Espace intranet de formation
- Documents supports de formation
- Exposés théoriques
- Études de cas concrets
- Mise à disposition en ligne de documents supports à la suite de la formation
Ressources techniques et pédagogiques
- Émargement numérique
- Mises en situation
- Formulaires d’évaluation de la formation
- Certificat de réalisation de l’action de formation
Qualité et satisfaction
Taux de satisfaction des apprenants, nombre d'apprenants, taux et causes des abandons, taux de retour des enquêtes, taux d'interruption en cours de prestation...