Introduction
- Principes de Vuex et création du projet
- Simple compteur sans Vuex
- Gérer l'état de notre compteur avec Vuex
- Résumé des fondamentaux de Vuex
Projet 1 - vuex-ideas (application de brainstorming avec drag & drop)
- Création de nos components
- Création et gestion d'un formulaire
- Ajouter une feuille de style globale
- Effectuer le commit d'une mutation en lui passant un paylaod
- Dispatch d'une action qui elle-même commit une mutation
- Getter qui transforme un objet en tableau
- Créer un nouvel objet à l'issue de chaque mutation
- Utilisation du spread operator pour cloner un objet
- Rendre les idées draggables
- Création d'un component "Idea"
- Persister le nouvel ordre
- Drag & drop entre deux colonnes
- Drag & drop entre trois colonnes
Projet 2 - vuex-commerce (site de e-commerce et son interface d'aministration)
- Création du nouveau projet
- Création de la view "admin"
- Création du service "productService"
- Afficher les produits
- Utilisation de Vuex pour récupérer et stocker nos produits dans le store
- Création de la page d'ajout de nouveau produit
- Gérer la soumission du formulaire de création de produit
- Logguer les erreurs dans le store
- Meilleure convention de nommage
- Afficher les produits sur la page d'accueil
- Ajouter un caddie au menu
- Ajouter un produit au caddie
- Afficher le contenu du caddie
- Ajouter au caddie ou bien mettre à jour la quantité
- Ajouter au caddie ou bien mettre à jour la quantité (suite)
- Créer le getter getNumberArticlesInCart
- Utilisation de notre nouveau getter
- Ajouter une icone de caddie "font awesome"
- Création d'une méthode qui supprime un article du caddie
- Disptacher les actions d'incrément et de décrément de quantités
Bonus
- Coupons vers des formations complémentaires
