Jour 1 - Une application web simple avec Vue
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
Instance Vue
Templating
Comparatif Vue vs jQuery
v-model
Boucler sur de la donnée
Rendering conditionnel
Manipuler des classes
Propriétés calculées
Écoute d'événements
- Projet annuaire - des films
Listing d’éléments d’un catalogue
Ajouter, supprimer et éditer les éléments d’une liste
Ajout de filtres par catégories
Jour 2 - Une application faite de composants
Rôle du composant dans une SPA
Props
Evénements
Slots
Composants dynamiques
- Single File Components
- Création d'un composant pour l'affichageFaire communiquer les composants entre eux
- Projet - Utiliser des composants dans son application
Single File Components
Création d'un composant pour l'affichage
Faire communiquer les composants entre eux
- Vue CLI
- Projet - Migrer le projet vers le CLI
Jour 3 - Routeur, plugins et API
- Extensions
- Projet - Utiliser un plugin
- Cycle de vie
- Projet - Manipuler de la donnée distante
- Routing avec vue-router
- Projet - Mise en place d’un routeur dans l'annuaire
- Transitions visuelles
- Projet - Ajout d’animations dans la liste
- Un state global avec Vue
- Projet - Utilisation d’un Store dans l'annuaire