Description
Objectif général de la formation : Permettre aux participants de maîtriser les fonctionnalités avancées de Vue.js pour développer des applications performantes, maintenables et optimisées, tout en intégrant les meilleures pratiques de développement. Modalité : Toutes les modalités (présentiel, classe virtuelle et hybride) sont possibles Lieu possible de réalisation : Locaux du bénéficiaire ou locaux d’Ascent Formation, en France métropolitaine et dans les DROM-COM Nombre maximal de participants : 20 Niveau SAME visé : Maîtrise (M) Compétences visées : Mettre en œuvre les bonnes pratiques pour la gestion des appels HTTP, des états (STATE), du stockage hors ligne et du temps réel. Optimiser le code d’une application grâce à des techniques avancées telles que le refactoring et l’utilisation de composants. Connaître les librairies et outils de référence compatibles avec Vue.js. Comprendre et gérer les enjeux liés aux versions et aux mises à jour d’applications Vue.js.
Objectifs pédagogiques
- Développer des applications Vue.js performantes en suivant les meilleures pratiques.
- Améliorer la structure et la lisibilité du code grâce au refactoring
- Intégrer des librairies et des outils pour enrichir les fonctionnalités des applications
- Appliquer une stratégie efficace pour la gestion des mises à jour
Public concerné
Prérequis
Déroulé du programme
Jour 1 : Bonnes pratiques et gestion des états (6 heures)
- Introduction aux bonnes pratiques avancées (2 heures)
Optimisation des appels HTTP : gestion des erreurs et des performances.
Utilisation des sockets pour le temps réel.
Gestion du stockage hors ligne et des caches.
Travaux pratiques : Implémentation de la gestion des appels HTTP avec Axios.
- Gestion des états avec Vuex (2 heures)
Introduction à Vuex pour la gestion des états globaux.
Concepts de mutations, actions et getters.
Travaux pratiques : Mise en place d’un store Vuex dans une application.
- Gestion des composants avancés (2 heures)
Création et réutilisation de composants modulaires.
Approche composable avec la Composition API.
Travaux pratiques : Développement de composants réutilisables pour un projet Vue.js.
Jour 2 : Optimisation et refactoring (6 heures)
- Optimisation du code et des performances (3 heures)
Techniques de refactoring : simplification, lisibilité, découpage en composants.
Gestion des performances : lazy-loading, détection des goulots d’étranglement.
Travaux pratiques : Optimisation d’une application existante avec le lazy-loading.
- Intégration des librairies de référence (3 heures)
Présentation des librairies populaires : Vuetify, Vue Router, Vue Test Utils.
Études de cas : quand et comment utiliser chaque librairie.
Travaux pratiques : Intégration de Vuetify pour améliorer l’interface utilisateur
Jour 3 : Versioning et mise en production (6 heures)
- Gestion des versions et mises à jour (3 heures)
Rythme des mises à jour de Vue.js : vue globale et impact.
Stratégies pour les migrations entre versions.
Gestion des fonctionnalités et compatibilité ascendante.
Travaux pratiques : Planification d’une mise à jour de Vue.js dans une application existante.
- Mise en production et supervision (3 heures)
Bonnes pratiques pour la mise en production : packaging, déploiement.
Monitoring des applications Vue.js en production.
Travaux pratiques : Mise en production d’un projet Vue.js sur une plateforme cloud.
Informations
Durée
3 jour(s)
18h
Sur demande
