Apprendre Vue.js en 40 minutes
Merci à Cyril T. pour sa contribution le 28/04/2023
Francais
🖱️ Pour t'abonner à ma chaîne :
https://bit.ly/3nCkn7V
Apprendre Vue.js en 40 minutes - Guide de démarrage pour débutants 🚀
Si vous êtes débutant en développement web et que vous cherchez un framework JavaScript facile à apprendre, alors Vue.js est une excellente option. Dans cette vidéo, je vais vous guider à travers les étapes de création d'un projet Vue.js à partir de zéro, en utilisant des exemples pratiques pour vous aider à mieux comprendre chaque concept.
Nous commencerons par l'installation du projet et la mise en place de sa structure 🛠️. Ensuite, nous aborderons les différences entre les options et la composition et verrons comment créer notre premier composant Vue. Nous explorerons également les Props et comment les utiliser pour passer des données entre les composants.
Nous plongerons ensuite dans la réactivité en utilisant Ref et Reactive, ainsi que le rendu conditionnel et l'Event Handling pour contrôler l'affichage de nos composants en fonction de l'état de l'application.
Nous passerons ensuite aux Slots, une fonctionnalité avancée de Vue.js qui vous permet de créer des composants hautement réutilisables 🔁. Vous apprendrez également comment utiliser les Class and Style Bindings pour appliquer des styles à vos composants, ainsi que les Computed pour calculer des valeurs dérivées à partir de données existantes.
Nous aborderons également les Watch et leur utilisation pour surveiller les modifications de données et réagir en conséquence. Enfin, nous verrons comment émettre des Events pour permettre aux composants de communiquer entre eux 📢.
Avec cette vidéo, vous aurez toutes les connaissances de base pour démarrer avec Vue.js et vous serez en mesure de construire vos propres applications web 🌐. Rejoignez-nous pour apprendre Vue.js dès maintenant ! 💻
00:00 Introduction
00:58 Installation du projet
04:00 Structure du projet
07:57 Options VS Composition
09:35 Mon premier composant Vue !
12:48 Les Props
16:06 La réactivité (Ref et Reactive)
23:22 Rendu conditionnel et Event Handling
27:30 Les Slots
31:20 Class and Style Bindings
35:16 Computed
38:40 Watch
40:34 Emettre des Events
Pour en savoir plus :
💻 Code complet : https://github.com/ludoguenet/learn-vue-3
🎥 Apprendre à utiliser TypeScript avec Vue.js : https://youtu.be/7oZ4yXfD1bQ
🎥 Tester votre application JavaScript avec Vitest : https://youtu.be/AqOTGi9UVLY
📔 Retrouvez les informations sur mon site : https://nordcoders.fr
👋🏻 Le site officiel :
https://nordcoders.fr
💬 Pour rejoindre la communauté :
https://discord.com/invite/cuFxTjH
🐦 Follow moi sur Twitter :
https://twitter.com/NordCoders
👔 Mon Linkedin :
https://www.linkedin.com/in/ludoguenet
🐱 Mon Github :
https://github.com/ludoguenet
#vuejs #vue #javascript
https://bit.ly/3nCkn7V
Apprendre Vue.js en 40 minutes - Guide de démarrage pour débutants 🚀
Si vous êtes débutant en développement web et que vous cherchez un framework JavaScript facile à apprendre, alors Vue.js est une excellente option. Dans cette vidéo, je vais vous guider à travers les étapes de création d'un projet Vue.js à partir de zéro, en utilisant des exemples pratiques pour vous aider à mieux comprendre chaque concept.
Nous commencerons par l'installation du projet et la mise en place de sa structure 🛠️. Ensuite, nous aborderons les différences entre les options et la composition et verrons comment créer notre premier composant Vue. Nous explorerons également les Props et comment les utiliser pour passer des données entre les composants.
Nous plongerons ensuite dans la réactivité en utilisant Ref et Reactive, ainsi que le rendu conditionnel et l'Event Handling pour contrôler l'affichage de nos composants en fonction de l'état de l'application.
Nous passerons ensuite aux Slots, une fonctionnalité avancée de Vue.js qui vous permet de créer des composants hautement réutilisables 🔁. Vous apprendrez également comment utiliser les Class and Style Bindings pour appliquer des styles à vos composants, ainsi que les Computed pour calculer des valeurs dérivées à partir de données existantes.
Nous aborderons également les Watch et leur utilisation pour surveiller les modifications de données et réagir en conséquence. Enfin, nous verrons comment émettre des Events pour permettre aux composants de communiquer entre eux 📢.
Avec cette vidéo, vous aurez toutes les connaissances de base pour démarrer avec Vue.js et vous serez en mesure de construire vos propres applications web 🌐. Rejoignez-nous pour apprendre Vue.js dès maintenant ! 💻
00:00 Introduction
00:58 Installation du projet
04:00 Structure du projet
07:57 Options VS Composition
09:35 Mon premier composant Vue !
12:48 Les Props
16:06 La réactivité (Ref et Reactive)
23:22 Rendu conditionnel et Event Handling
27:30 Les Slots
31:20 Class and Style Bindings
35:16 Computed
38:40 Watch
40:34 Emettre des Events
Pour en savoir plus :
💻 Code complet : https://github.com/ludoguenet/learn-vue-3
🎥 Apprendre à utiliser TypeScript avec Vue.js : https://youtu.be/7oZ4yXfD1bQ
🎥 Tester votre application JavaScript avec Vitest : https://youtu.be/AqOTGi9UVLY
📔 Retrouvez les informations sur mon site : https://nordcoders.fr
👋🏻 Le site officiel :
https://nordcoders.fr
💬 Pour rejoindre la communauté :
https://discord.com/invite/cuFxTjH
🐦 Follow moi sur Twitter :
https://twitter.com/NordCoders
👔 Mon Linkedin :
https://www.linkedin.com/in/ludoguenet
🐱 Mon Github :
https://github.com/ludoguenet
#vuejs #vue #javascript