Devenir opérationnel rapidement en Vue et Vuex
Gérer l'état de vos applications Vue avec Vuex
Voir la bande annonce
Cette formation vous permettra de maîtriser Vuex afin de pouvoir gérer l'état de vos applications Vue.
- utiliser Bootstrap 4 et Flexbox conjointement
Votre formateur
Développeur web depuis 2003 dans des entreprises clientes publiques (SNCF, URSSAF, EDF...) et privées (Iron Mountain, Jouve, CDiscount...), dirigeant de la société rennaise Code Concept spécialisée en formation JavaScript Front, Back et mobiles hybrides, Samir Medjdoub a eu comme comme fil conducteur la conscience qu’il est bien plus facile de rester sur la vague que de tenter de remonter après s’être laissé submerger. Fidèle à cette stratégie, il a ainsi pris la vague Angular 2 dès les versions bêta en 2015, celle de Node.js il y a sept années de cela et a eu la chance d'évoluer dans des sociétés qui avaient été parmi les premières en France à adopter MongoDB, conjointement aux bases de données relationnelles. Il a toujours cru que comparaison était raison et a porté une égale attention à React et Redux dès 2015, puis Vue.js en 2016. Meteor et désormais Svelte.js sont les outsiders qui retiennent régulièrement son attention.
Les développeuses et développeurs JavaScript (Front, Back ou Fullstack !) ont de très beaux jours devant eux : les formations de la société Code Concept vous aideront à investir efficacement dans les frameworks, plateformes et librairies JavaScript qui vous ouvriront de belles opportunités en 2023 !
Programme de la formation
-
CommencerCréation de nos components (8:09)
-
CommencerCréation et gestion d'un formulaire (7:38)
-
CommencerAjouter une feuille de style globale (1:20)
-
CommencerEffectuer le commit d'une mutation en lui passant un paylaod (7:14)
-
CommencerDispatch d'une action qui elle-même commit une mutation (3:29)
-
CommencerGetter qui transforme un objet en tableau (8:27)
-
CommencerCréer un nouvel objet à l'issue de chaque mutation (3:35)
-
CommencerUtilisation du spread operator pour cloner un objet (1:19)
-
CommencerRendre les idées draggables (8:27)
-
CommencerCréation d'un component "Idea" (5:12)
-
CommencerPersister le nouvel ordre (13:52)
-
CommencerDrag & drop entre deux colonnes (10:48)
-
CommencerDrag & drop entre trois colonnes (13:14)
-
CommencerCréation du nouveau projet (7:09)
-
CommencerCréation de la view "admin" (9:38)
-
CommencerCréation du service "productService" (11:56)
-
CommencerAfficher les produits (3:02)
-
CommencerUtilisation de Vuex pour récupérer et stocker nos produits dans le store (10:49)
-
CommencerCréation de la page d'ajout de nouveau produit (10:03)
-
CommencerGérer la soumission du formulaire de création de produit (15:42)
-
CommencerLogguer les erreurs dans le store (6:29)
-
CommencerMeilleure convention de nommage (1:24)
-
CommencerAfficher les produits sur la page d'accueil (9:50)
-
CommencerAjouter un caddie au menu (3:47)
-
CommencerAjouter un produit au caddie (11:22)
-
CommencerAfficher le contenu du caddie (10:15)
-
CommencerAjouter au caddie ou bien mettre à jour la quantité (14:01)
-
CommencerAjouter au caddie ou bien mettre à jour la quantité (suite) (15:51)
-
CommencerCréer le getter getNumberArticlesInCart (11:17)
-
CommencerUtilisation de notre nouveau getter (2:43)
-
CommencerAjouter une icone de caddie "font awesome" (4:16)
-
CommencerCréation d'une méthode qui supprime un article du caddie (6:38)
-
CommencerAjout d'une action et d'une mutation pour la quantité (10:37)
-
CommencerDisptacher les actions d'incrément et de décrément de quantités (6:28)
-
CommencerDernière mise à jour jeudi 6 juin 2019