Public visé
Développeurs Vue.js souhaitant produire des applications plus optimisées et de meilleure qualité.
Prérequis
- Maîtrise de JavaScript
- Connaissances fondamentales de Vue.js
Objectifs pédagogiques
À l’issue de cette formation, vous serez capable de :
- Décrire les aspects avancés de Vue.js
- Créer des composants plus réutilisables
- Développer des applications optimisées
Programme
Jour 1 - Matin : Vue Router avancé
Vue Router avancé
- Mode historique et configuration serveur
- SSR avec Nuxt 3, réécriture d’URL
- Routes imbriquées, gestion de paramètres
- Guards de navigation, système de pagination
Jour 1 - Après-midi : Slots et composants asynchrones
Slots
- Création de composants génériques
- Slots nommés, nommage dynamique, scoped slots
- Composants Headless UI
Composants asynchrones
- defineAsyncComponent, gestion d’erreurs
Jour 2 - Matin : Pinia et performances
Pinia
- Comparaison Pinia vs Vuex
- Setup et configuration
- Organisation modulaire des stores
- Getters et actions
Performance
- Code splitting et lazy loading
- Directives v-once et v-memo
- Mémoisation réactive via computed()
- Lazy loading de routes
Jour 2 - Après-midi : Teleports
Teleports
- Concept de placement dans le DOM
- Implémentation avec l’attribut “to”
- Cas d’usage : modales, tooltips, overlays
Modalités d’évaluation des acquis
- En cours de formation, par des travaux pratiques
- Et, en fin de formation, par un questionnaire d’auto-évaluation