Vue.js 2 - Le Guide Complet Pour Débutant | Udemy

Vue.js 2 - Le guide complet pour débutantHighest RatedRating: 4.3 out of 54.3(382 ratings)1,294 studentsDevelopmentWeb DevelopmentVue JSPreview this courseVue.js 2 - Le guide complet pour débutantConstruisez des applications web avec Vue JS comme framework JavaScript !Highest RatedCreated byBryan ParLast updated 11/2019FrenchFrench [Auto],Preview this course

What you'll learn

• Apprendre toutes les bases de VueJS
• Se servir de VueJS pour gérer le côté client d'une application

Explore related topics

Course content

16 sections • 96 lectures • 4h 30m total lengthExpand all sections

Introduction1 lecture • 3min

• PrésentationPreview3:02

Bien commencer avec Vue.js4 lectures • 12min

• Inclusion de Vue.jsPreview4:11
• Afficher des variables depuis l’HTMLPreview1:41
• Dynamiser le rendu avec des méthodesPreview3:51
• Comment travailler en local avec Vue.jsPreview2:06
• Point sur la section

Les bases de l'interaction avec le DOM6 lectures • 13min

• Introduction de sectionPreview0:41
• Gérer les attributs des éléments HTML - v-bindPreview3:27
• Stopper l’actualisation d’une variable - v-oncePreview2:21
• Ajouter du code HTML - v-htmlPreview1:50
• Javascript dans le DOM2:37
• Lier un input à une variables - v-model2:18
• Point sur la section

Savoir gérer les événements6 lectures • 15min

• Introduction de sectionPreview0:45
• Gérer des événements - v-on2:30
• Récupérer les paramètres d’un événement2:46
• Envoyer nos propres paramètres2:14
• Modifier les événements - “event modifier”2:51
• Le cas de @keyup et les “key modifier”3:29
• Point sur la section

Les variables avancées3 lectures • 12min

• Introduction de sectionPreview0:30
• Créer une computed property7:00
• Les watchers de variables4:01
• Point sur la section

Rendre son style dynamique6 lectures • 12min

• Introduction de sectionPreview0:25
• Gérer les class via un objet4:19
• Gérer les class via un array1:48
• Gérer les class via une variable1:45
• Changer le style sans class3:40
• Informations0:09
• Point sur la section

Utiliser les conditions via les attributs6 lectures • 10min

• Introduction de sectionPreview0:43
• Créer une condition avec v-if1:41
• Savoir utiliser les v-else1:42
• Gérer les v-else-if1:09
• Condition sur un groupe d’éléments - template2:21
• Condition particulière avec v-show2:26
• Point sur la section

Lister les éléments avec des boucles5 lectures • 11min

• Introduction de sectionPreview0:20
• Boucler les éléments avec un v-for3:31
• Utiliser l’élément template et v-for1:55
• Boucler sur un array d’objets3:43
• Faire un nombre spécifique d’itération1:10
• Point sur la section

Projet - Création de notre application14 lectures • 57min

• Introduction de sectionPreview0:45
• Présentation du template1:24
• But du projet de section4:34
• Indications pour le projet3:29
• Ajout de Vue.JS 23:20
• Boucle des screenshots2:31
• Système d’accordéon8:41
• Affichage des produits5:26
• Système de page sur l’accueil5:21
• Données sur la page produit4:07
• Liaison avec le header4:18
• Affichage des articles3:36
• Système de page du blog9:04
• Conclusion0:47

Manipuler les instances de Vue.js10 lectures • 26min

• Introduction de sectionPreview0:31
• Accéder à l’instance de l’extérieur3:05
• Lier une variable extérieur à l’instance2:50
• Comprendre la réactivité des variables3:09
• Le cas de $data et $el2:52
• Créer plusieurs instances1:55
• Liaison entre plusieurs instances1:36
• Utilisation de $refs & de l’attribut ref3:20
• Définir l'élément de l’instance via $mount()2:12
• Créer le template depuis l’instance4:01
• Point sur la section

6 more sections

Requirements

• Connaître les bases du JavaScript
• Connaître les bases de l'HTML/CSS

Description

Le framework Vue.js est le plus prometteur de tous les frameworks JS du moment ! Il est simple d'utilisation, puissant dans son fonctionnement et rapide via son exécution, que demander de plus ?

Sa popularité est grandissante, et son utilisation également, on peut l'utiliser à tout moment : soit dès la création d'un site web, soit pour améliorer un site web déjà existant.

En tant que développeur, utiliser Vue.js est un vrai plaisir ! Pas besoin de passer du temps à la mise en place comme pour React.js ou Angular, ici en très peu de ligne on obtient ce que l'on veut, et de manière optimisée !

Who this course is for:

• Développeurs JavaScript
• Développeurs web

Show moreShow lessReport abuse