Dans cette formation JavaScript, on continue notre apprentissage de Vue.js !
Dans cette deuxième partie dédiée aux composants monofichiers (Single File Components) et à la bibliothèque Vuex.
- Les composants monofichiers vous permettront d'isoler les composants de votre application dans des fichiers organisés en 3 parties : Le template (qui nous permettra de récupérer la coloration syntaxique du HTML contrairement aux composants classiques), le JS et le CSS (qui pourra être local à notre composant).
- La bibliothèque Vuex nous permettra quant à elle de centraliser toutes les données de notre application dans une zone de stockage unique accessible depuis n'importe quel composant, ce qui facilitera la communication entre ces derniers.
Pour suivre cette nouvelle partie de la formation Vue.js, vous devez maîtriser :
- Le langage JavaScript moderne (ma formation complète juste ici)
- Les modules ECMAScript et les bases de Webpack (ma formation à ce sujet juste ici)
- L'ensemble des notions abordées dans la première de cette formation
L'ensemble des liens et fichiers utilisés et résultants de cette formation vous seront fournit dans les fichiers sources.
En cas de besoin, je suis dans l'espace d'entraide !
Table des matières de cette formation Vue-JS, JavaScript (durée : 1h32m)
-
Webpack et les modules ECMAScript
- Introduction gratuit 00:04:04
- Installation de Node.js et NPM gratuit 00:02:07
- On installe nos dépendances 00:06:25
- Configuration de Webpack 00:07:14
- Un module ES pour chaque composant 00:07:47
-
Les composants monofichiers (Single File Components)
- Le Vue Loader 00:07:21
- On transforme nos modules en composants monofichiers 00:14:10
- Extraire notre CSS en production 00:11:41
-
Vuex
- Vuex, comment ça fonctionne? gratuit 00:04:41
- On prépare notre projet 00:06:19
- L'état 00:01:44
- Les mutations 00:03:40
- Les actions 00:06:58
- On utilise notre store 00:07:46
- Conclusion 00:00:39
- Fichiers sourcestélécharger
- Certificat
Formateur : Steven Sil
-
Merci Steven pour ce super tuto. J'attends le suivant avec impatience
-
Formation assez claire, mais pas très avancée. Aucune mention n'est faite des modules dans VueX, c'est vraiment dommage
-
Avec quelle version de logiciel ce tuto est-il compatible ?JavaScript
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés