– Présentation de Vue.JS

– ECMAScript

– ES9/ES10

– jQuery

– Angular – React
Travaux pratiques
Mise en place d’un environnement de développement JS

– Instance Vue

– Intégrer Vue.JS sans outils supplémentaires

– Introduction au templating
Travaux pratiques
Créer le projet Vue.js qui servira de base au reste des TP.

– Règles d’utilisation

– Principaux tags et filtres

– Evènements DOM

– Pièges courants
Travaux pratiques
Améliorer l’affichage de l’application : les différentes techniques de rendu.

– Principaux composants

– Découpler les widgets du HTML

– Cylcle de vie

– Modules complets stand alone

– Composants dynamiques
Travaux pratiques
Refactorisation du code de l’application fil rouge

– Principes

– Gestion de la navigation

– Configuration de routes

– Advanced Matching Patterns
Travaux pratiques
Mettre en place la navigation avec Vue router

 -Principes

– Retour sur les évènements

– Installer Vuex

– Syntaxe

– Principaux plugins

– Store
Travaux pratiques
Optimiser l’architecture de l’application par la conversion à Vuex.

 -Principes de la librairie client http

– APIs

– Requêtes (get, post…)

– Gestion des erreurs

– Two-way data binding

– One-way data flow

– Installation via npm

– Build avec webpack

– Compilateur babel

– Hbaot reloading avec browser-sync

– Server Side Rendering
Travaux pratiques
Chargement de données issues d’une API REST/JSON et création d’un formulaire.