Devenir opérationnel rapidement en Vue et Vuex
4.6 (30 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
189 students enrolled

Devenir opérationnel rapidement en Vue et Vuex

Gérer l'état de vos applications Vue avec Vuex
Bestseller
4.6 (30 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
189 students enrolled
Current price: $104.99 Original price: $149.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 5 hours on-demand video
  • 1 article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Apprendre à maîtriser Vuex afin de pouvoir gérer l'état de vos applications Vue
Course content
Expand all 38 lectures 04:52:33
+ Projet 1 - vuex-ideas (application de brainstorming avec drag & drop)
13 lectures 01:32:44
Création de nos components
08:09
Création et gestion d'un formulaire
07:38
Ajouter une feuille de style globale
01:20
Effectuer le commit d'une mutation en lui passant un paylaod
07:14
Dispatch d'une action qui elle-même commit une mutation
03:29
Getter qui transforme un objet en tableau
08:27
Créer un nouvel objet à l'issue de chaque mutation
03:35
Utilisation du spread operator pour cloner un objet
01:19
Rendre les idées draggables
08:27
Création d'un component "Idea"
05:12
Persister le nouvel ordre
13:52
Drag & drop entre deux colonnes
10:48
Drag & drop entre trois colonnes
13:14
+ Projet 2 - vuex-commerce (site de e-commerce et son interface d'aministration)
20 lectures 02:52:41
Création du nouveau projet
07:09
Création de la view "admin"
09:38
Création du service "productService"
11:56
Afficher les produits
03:02
Utilisation de Vuex pour récupérer et stocker nos produits dans le store
10:49
Création de la page d'ajout de nouveau produit
10:03
Gérer la soumission du formulaire de création de produit
15:42
Logguer les erreurs dans le store
06:29
Meilleure convention de nommage
01:24
Afficher les produits sur la page d'accueil
09:50
Ajouter un caddie au menu
03:47
Ajouter un produit au caddie
11:22
Afficher le contenu du caddie
10:16
Ajouter au caddie ou bien mettre à jour la quantité
14:01
Ajouter au caddie ou bien mettre à jour la quantité (suite)
15:51
Créer le getter getNumberArticlesInCart
11:17
Utilisation de notre nouveau getter
02:43
Ajouter une icone de caddie "font awesome"
04:16
Création d'une méthode qui supprime un article du caddie
06:38
Disptacher les actions d'incrément et de décrément de quantités
06:28
+ Bonus
1 lecture 01:01
Coupons vers des formations complémentaires
01:01
Requirements
  • Connaître les fondamentaux de Vue
Description

Cette formation vous permettra de maîtriser Vuex afin de pouvoir gérer l'état de vos applications Vue.

Après une introduction qui vous permettra de comprendre les piliers de Vuex - la librairie de state management dédiée aux applications Vue -, deux projets vous permettront de mettre en oeuvre concrètement les concepts abordés.


Le premier projet vous permettra de créer une application de brainstorming avec drag & drop :

- dispatcher vos premières actions

- effectuer les "commits" de vos premières mutations

- de créer un state centralisé et d'y accéder depuis vos components Vue

- implémenter le drag & drop


Le deuxième projet vous permettra de créer un site de commerce et son module d'administration. C'est l'occasion idéale de créer une application proche de ce que vous serez amené à réaliser sur le terrain :

- requêter une API REST depuis le store

- créer un service permettant de faire du CRUD et de le consommer depuis une action

- apprendre à créer un log afin de persister les erreurs de votre application afin de pouvoir les consulter après coup

- créer des fonctionnalités évoluées (caddie, log d'erreurs persistées dans le store ...)

- utiliser Bootstrap 4 et Flexbox conjointement


Comme toujours, les codes sources sont fournis sur github.

Who this course is for:
  • Développeuses et développeurs web en poste, freelances, étudiant(e)s en informatique, autodidactes motivé(e)s