Vue.js

Objectifs

• Maîtriser les fondamentaux de Vue.js
• Explorer les nouveautés d'ES6, ES2015 et TypeScript en lien avec Vue.js
• Utiliser les Hooks pour gérer les états et les effets au sein des composants
• Apprendre à utiliser Vue Router pour la gestion des routes de l'application
• Comprendre l'utilisation de Context pour partager des données entre les composants

Programme de la formation

• Module 1 : Introduction à Vue.js et fondations
  
  • Présentation du framework, installation
  • Concepts de base : instance Vue, template, data binding
  • Directives de base (v-bind, v-if, v-for, v-on, v-model)
• Module 2 : Composants
  
  • Création et enregistrement de composants
  • Communication entre composants (props, events, slots)
  • Cycle de vie d'un composant
• Module 3 : Gestion de l'état avec Vuex
  
  • Concepts de Vuex (State, Getters, Mutations, Actions)
  • Mise en place d'un store global
  • Utilisation dans les composants
• Module 4 : Routage avec Vue Router
  
  • Installation et configuration de Vue Router
  • Définition des routes et navigation
  • Vues imbriquées et gardes de navigation
• Module 5 : Interaction avec une API
  
  • Requêtes HTTP avec Axios
  • Affichage et manipulation des données externes
  • Gestion des erreurs
• Module 6 : Projet de synthèse
  
  • Construction d'une application complète
  • Déploiement et bonnes pratiques

Validation et sanction

• Le participant est capable d'utiliser l'environnement de développement et les outils de Vue.js.
• Le participant sait structurer une application en composants.
• Le participant peut gérer l'état complexe de l'application via Vuex.
• Le participant sait implémenter la navigation entre les différentes vues de l'application.
• Le participant est autonome dans le développement d'applications web avec Vue.js

Type de formation

Non certifiante

Sortie

Sans niveau spécifique