Formation Vue.js : maîtriser le framework JavaScript Open Source

1/ Introduction

• SPA et les frameworks JavaScript

• Vue.js, un framework progressif

• Data Driven Interfaces

• Ecosystème

• Réactivité basique avec l’interpolation et v-bind

• Conditionnelles

• Boucles

• Evénements

2/ L'écosystème du développeur JS moderne

• La spec ECMAScript

• La syntaxe ES6+

• Les nouveautés d'ES9/ES10

• Babel & Webpack

3/ Présentation de Vue.js

• Migration vers Vue.js

• MVVM selon Vue.js

• Les outils nécessaires liés à l'utilisation de Vue.js

• La gestion des interfaces graphiques par les données

• La liaison de données

• Les structures de contrôle

• Répétitives

• Alternatives

• Notion d'event

• Notion de component

• Comparaisons avec d’autres frameworks populaires : Vue.js vs React vs Angular

4/ Premiers pas avec Vue.js

• Créer et gérer un projet avec vue-cli

• La base d'une application : l'instance Vue

• Créer son premier composant Vue.js

• Gérer les événements du DOM

• Débugger avec vue-devtools

5/ Répartir son code dans des composants

• L'imbrication de composants et les props

• Passer du contenu à un composant : les slots/children

• Déclencher des événements custom

• Le cycle de vie des composants

6/ Enrichir ses templates

• Filters et computedProps : simplifier l'écriture des templates

• Templates vs render methods & JSX

• Composants fonctionnels

• Animations & transitions : améliorer l'expérience utilisateur

7/ Le routing dans Vue.js

• Développer un système de routing maison

• Principes de Vue router

• Configurer des routes

• Sécuriser une application : les Navigation Guards

• Transitions entre écrans

8/ Gestion des données avec Vuex

• Vuex : concepts de base

• Installation et mise en œuvre

• Étendre Vuex avec les plugins

• Librairies alternatives

9/ Développer une application connectée

• Charger et envoyer des données avec AJAX : les différents scénarios

• Gestion des formulaires

• "two-way data binding" vs "one way data flow"

• Vuex et les formulaires

• Validation de la saisie utilisateur

10/ Aspects avancés de Vue.js, bonnes pratiques

• Mixins et plugins

• Regrouper son code dans des Single File Components .vue

• Créer des customs directives

• Typage flow/TypeScript

• Rendre son code robuste grâce aux Prop types

• Compilation & optimisation des performances

• Server Side Rendering

• Développement d'applications mobiles