Configuration
- Préparation son environnement de développement
- Votre toute première application Vue.js
- Installer un serveur web à l'aide de NPM
- Code source
Notions de base
- Le data binding
- Installer les "Vue.js devtools" de Chrome
- Le two-way binding
- Gérer les événements
- Gérer la soumission d'un formulaire
- Parcourir un tableau
- Parcourir un tableau d'objets
- Ajouter une classe CSS conditionnellement
- Afficher du contenu HTML conditionnellement
- Gérer les événements du clavier
- Gérer la suppression d'une tâche
- Comprendre et mettre en oeuvre les lifecycle hooks
Les composants
- Créer un composent global
- Créer un composant local
- Ajouter des données à un composant enfant
- Ajouter des méthodes à un composant enfant
- Passer des données d'un composant parent vers ses enfants
- Passer le résultat d'une requête Ajax effectuée par le parent à son enfant
- Organiser une application en hiérarchie de composents
- Insérer du contenu entre les tags d'un composant à l'aide des slots
- Émettre un custom event depuis en enfant et le gérer dans le parent
- Afficher dans le parent les composants petits-enfants qui ont émis un événement
- Pré-rendu et rendu d'un tableau d'objets
Utilisation d'un composant tiers
- Intégration d'un composant tiers et récapitulatif
Divers ... mais important :)
- Créer un filtre
- Les computed properties
- Activer/désactiver un bouton en fonction de la valeur d'une computed property
- Surveiller le contenu d'un champ texte à l'aide d'un watcher
- Requêtes asynchrones et watcher couplé à debounce pour filtrer les requêtes
Vue-cli, Single File Components et SPA
- Installer vue-cli et générer un projet
- Architecture du projet généré par vue-cli
- Refactoriser des composants Vue.js en 'Single File Components'
- Création du composant UserList.vue
- Création du composant UserDetails.vue
- Ajouter du style à un 'Single File Component'
- Implémenter le routage
- Créer des liens statiques et dynamiques
Bonus
- Bonus : coupon vers des formations complémentaires
