Formation Vue.js 3

Programme de la formation

Module 1 - Présentation de Vue.js

• Historique de la création de ce framework
• Comment savoir si un site / une application utilise Vue.js ?
• Particularités d’une programmation réactive
• Définition du pattern MVVM
• Comprendre le Virtual DOM

Module 2 - Intégration de Vue.js

• Intégration de Vue.js à un projet WEB existant
• Création d’un nouveau projet Vue.js avec vue create app
• La Command Line Interface de Vue.js et ses principaux templates
• Outil de débogage Vue devTool

Module 3 - Rendu et data-binding

• Instances de Vue
• Le rendu déclaratif
• Les directives

Module 4 - Les composants et Routing

• Création d'un composant Vue.js
• Composants mono-fichier .vue
• Le cycle de vie des composants : les hooks
• Réutilisation d’une logique avec les mixins
• Le routing avec vue-router : configuration des routes

Module 5 - Les states avec VueX

• Intégration de Vuex à un projet Vue.js
• Structure d’un projet Vuex
• Définition d’un Store au sein d’une application Vue.js
• Interagir avec le Store : Commit, Mutate, Surcharge ...

Module 6 - Babel et Unit testing

• Définition d’un transpiler
• Vanilla.JS
• Intégration de Babel dans une projet Vue.js
• Mise en place d’un outil de testing : Jest

Module 7 - Les modules bundlers

• Qu’est-ce qu’un module Bundler
• Comment fonctionne Webpack
• Intégration de webpack dans un projet Vue.js
• Configuration de webpack avec le fichier webpack.config.js

Module 8 - Les librairies tierces

• Protocole REST avec Axios
• Intégration de graphiques dans Vue.js avec Chart.js