Cours
PrestaShop

Newsletter

Vue JS et Vuex

Gérer l'état de ses applications Vue js avec Vuex

Ou s'abonner pour un accès illimité sans engagement à tout Skilleos pour 19,90€/mois. En savoir plus
chapitre

Chapitres

40

chrono

Durée

05h04 de cours en ligne

chrono

Prérequis

acces

Accès

24h/24 et 7j/7
PC/Mac, tablette et smartphone

certificat

Certificat

Délivré à la fin de la formation

1for1

1 For 1

Un abo ou un achat sur Skilleos = Un cours offert à un bénéficiaire

Samir Medjdoub

Samir Medjdoub

Développeur depuis 2003 dans des entreprises clientes publiques (SNCF, URSSAF, EDF...) et privées (Iron Mountain, Jouve, CDiscount...), avec 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, Samir Medjdoub a ainsi pris la vague Angular 2 dès les versions alpha et bêta fin 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. Les développeuses et développeurs JavaScript (Front, Back ou Fullstack !) ont de très beaux jours devant eux : investissez dans les frameworks, plateformes et librairies JavaScript qui vous ouvriront de belles opportunités en 2019.

Vous souhaitez apprendre à centraliser l'état de vos applications Vue js afin de pouvoir les maintenir plus facilement et efficacement ?

Dans ce cours Vue js en ligne, vous apprendrez pas à pas les rouages de la bibliothèque Vuex, et mettrez en oeuvre vos nouvelles connaissances dans deux projets concrets, dont un site de e-commerce. 

Ce cours en ligne vous permettra de maîtriser Vuex, gestionnaire d'état et bibliothèque Javascript, afin de pouvoir gérer l'état de vos applications Vue js. Après une introduction qui vous permettra de comprendre les piliers de Vuex, Samir Medjdoub vous guidera à travers deux projets (création d'une application de brainstorming et d'un site e-commerce) qui vous permettront de mettre en oeuvre concrètement les concepts abordés.

Contenu du cours

  • Code source

À la fin du cours, vous serez capable de :

  • Créer un state centralisé et y accéder depuis vos components Vue js
  • Utiliser la bibliothèque Vuex dans des applications évoluées (sites de e-commerce ...)

Chapitres

INTRODUCTION
1
01:20
Introduction au cours
2
05:57
Principes de Vuex et création du projet
3
07:20
Simple compteur sans Vuex
4
11:25
Gérer l'état de notre compteur avec Vuex
5
01:27
Résumé des fondamentaux de Vuex
CRÉER UNE APPLICATION DE BRAINSTORMING AVEC DRAG & DROP
6
08:09
Création de nos components
7
07:39
Création et gestion d'un formulaire
8
01:20
Ajouter une feuille de style globale
9
07:14
Effectuer le commit d'une mutation en lui passant un paylaod
10
03:29
Dispatch d'une action qui elle-même commit une mutation
11
08:28
Getter qui transforme un objet en tableau
12
03:36
Créer un nouvel objet à l'issue de chaque mutation
13
01:20
Utilisation du spread operator pour cloner un objet
14
08:27
Rendre les idées draggables
15
05:12
Création d'un component "Idea"
16
13:53
Persister le nouvel ordre
17
10:48
Drag & drop entre deux colonnes
18
13:15
Drag & drop entre trois colonnes
CRÉER UN SITE DE E-COMMERCE ET SON INTERFACE D'ADMINISTRATION
19
07:09
Création du nouveau projet
20
09:38
Création de la view "admin"
21
11:57
Création du service "productService"
22
03:03
Afficher les produits
23
10:50
Utilisation de Vuex pour récupérer et stocker nos produits dans le store
24
10:03
Création de la page d'ajout de nouveau produit
25
15:43
Gérer la soumission du formulaire de création de produit
26
06:29
Logguer les erreurs dans le store
27
01:24
Meilleure convention de nommage
28
09:50
Afficher les produits sur la page d'accueil
29
03:48
Ajouter un caddie au menu
30
11:23
Ajouter un produit au caddie
31
10:16
Afficher le contenu du caddie
32
14:01
Ajouter au caddie ou bien mettre à jour la quantité
33
15:51
Ajouter au caddie ou bien mettre à jour la quantité (suite)
34
11:17
Créer le getter getNumberArticlesInCart
35
02:44
Utilisation de notre nouveau getter
36
04:16
Ajouter une icone de caddie "font awesome"
37
06:39
Création d'une méthode qui supprime un article du caddie
38
10:38
Ajout d'une action et d'une mutation pour la quantité
39
06:28
Disptacher les actions d'incrément et de décrément de quantités
CONCLUSION
40
00:30
Conclusion du cours

Vue JS et Vuex

49.00 €

close if for show price

  • langues fr