Vue.js 2 par la pratique

Prendre en main Vue.js : le framework JavaScript qui monte

4.05 (321 reviews)
Udemy
platform
Français
language
Web Development
category
1,299
students
4 hours
content
Jun 2018
last update
$19.99
regular price

What you will learn

Créer des applications web dynamiques grâce à Vue 2

Créer des applications web dynamiques grâce à Vue 2

Créer des applications web dynamiques grâce à Vue 2

Créer des applications web dynamiques grâce à Vue 2

Description

Vue.js est un framework JavaScript qui monte. Il mérite l'intérêt pas uniquement car c'est le petit nouveau, mais surtout car il est bien né - son créateur est un ancien de l'équipe de l'excellent framework Meteor. En outre, Vue.js permet de facilement enrichir une application web existante, là où un gros framework tel qu'Angular est taillé pour les Single Page Apps (SPA) et ne se greffe donc pas volontiers sur un site existant. 

Vue.js est dans sa version 2. Profitez donc de sa maturité sans craindre de le voir disparaître et rejoignez les presque 55000 développeurs qui ont marqué leur satisfaction en lui accordant une étoile sur GitHub.

Content

Configuration

Préparation son environnement de développement
Votre toute première application Vue.js
Installer un serveur web à l'aide de NPM
Code source

Notions de base

Le data binding
Installer les "Vue.js devtools" de Chrome
Le two-way binding
Gérer les événements
Gérer la soumission d'un formulaire
Parcourir un tableau
Parcourir un tableau d'objets
Ajouter une classe CSS conditionnellement
Afficher du contenu HTML conditionnellement
Gérer les événements du clavier
Gérer la suppression d'une tâche
Comprendre et mettre en oeuvre les lifecycle hooks

Les composants

Créer un composent global
Créer un composant local
Ajouter des données à un composant enfant
Ajouter des méthodes à un composant enfant
Passer des données d'un composant parent vers ses enfants
Passer le résultat d'une requête Ajax effectuée par le parent à son enfant
Organiser une application en hiérarchie de composents
Insérer du contenu entre les tags d'un composant à l'aide des slots
Émettre un custom event depuis en enfant et le gérer dans le parent
Afficher dans le parent les composants petits-enfants qui ont émis un événement
Pré-rendu et rendu d'un tableau d'objets

Utilisation d'un composant tiers

Intégration d'un composant tiers et récapitulatif

Divers ... mais important :)

Créer un filtre
Les computed properties
Activer/désactiver un bouton en fonction de la valeur d'une computed property
Surveiller le contenu d'un champ texte à l'aide d'un watcher
Requêtes asynchrones et watcher couplé à debounce pour filtrer les requêtes

Vue-cli, Single File Components et SPA

Installer vue-cli et générer un projet
Architecture du projet généré par vue-cli
Refactoriser des composants Vue.js en 'Single File Components'
Création du composant UserList.vue
Création du composant UserDetails.vue
Ajouter du style à un 'Single File Component'
Implémenter le routage
Créer des liens statiques et dynamiques

Bonus

Bonus : coupon vers des formations complémentaires

Screenshots

Vue.js 2 par la pratique - Screenshot_01Vue.js 2 par la pratique - Screenshot_02Vue.js 2 par la pratique - Screenshot_03Vue.js 2 par la pratique - Screenshot_04

Reviews

Stéphane
October 12, 2022
Cours de base et information pas toujours à la page, parfois il faut chercher sur Internet pour faire fonctionner avec la nouvelle version de Vue
Didier
July 27, 2022
Bonne présentation de Vue.js 2, les mécanismes d'une plus grande complexité n'y sont pas abordés mais toutes les bases sont là. ^^
Paraita
October 28, 2021
Explications et exemples super clairs ! Ce cours est idéal pour rapidement monter en compétence sur la techno mais aussi comprendre les usages réels
Noël
April 9, 2021
Le cours est assez bien fait, les explications sont claires. Par contre ne pas fournir le code source en phase avec chacune des parties : cela est vraiment galère et rédhibitoire, d'où la notation. Beaucoup de bugs corrigés en live. Sinon l'essentiel semble abordé pour une première prise en main du framework. Enfin, l'utilisation de la librairie "rebounce..." est vraiment inutile (voir le code source mis dans les Qeustions/Réponses).
Tania
August 24, 2019
J'ai appris vue.js à l'école mais je n'avais pas compris certaine notion. Ce cours m'aide beaucoup et je peux vraiment avoir des bases solides.
Gaetan
January 8, 2018
Flux de la parole limpide, posé. Exemple simple, description du code clair et rapide, efficace. Il manquerait une meilleure qualité de la vidéo (> 720p) mais accessoire ;)
Jeremie
January 7, 2018
Bonne approche pour démarrer Dispose d'une expérience avec React et Angular et a le recul pour comparer les frameworks Bien structuré, les vidéos ne sont pas trop longues et les thèmes sont relativement bien choisis Il aurait été intéressant d'aborder : - l'utilisation d'un Bootstap avec Vue.js - d'évoquer les plugins disponibles ou les composants les plus utilisés - d'aborder la maniere de centraliser des règles métiers... - de préciser si on peut aller plus loin sur le templating et de préciser s'il est possible de factoriser les filtres... D'une manière générale, je recommande ce cours pour aborder vue.js
Oumarou
January 6, 2018
Avant ce cours j'ai fait deux tutos Vue Js et c'est le meilleur, j'ai mieux compris les choses, comme le props ainsi que la création de components. Le fait de tout détailler m'a permis de mieux comprendre. Manque un peu une partie pratique Merci Samir je vais télécharger d'autres de tes tutos.
Sulian
November 27, 2017
Ce cours est une très bonne introduction à Vue.js. Vous pouvez aborder plus facilement des cours plus complexes en anglais par exemple (c'est mon cas).
Benoit
November 25, 2017
Formation intéressant et formateur agréable à écouter. Je trouve la dernière partie (Vue-CLI) assez confuse. Je recommande cette formation.
Antoine
September 8, 2017
Très clair et progressif. Demande une connaissance préalable de JS. Très pratique, ce cours n'aborde pas les concepts.
Gil
September 6, 2017
Nickel... simple et bien expliqué. J'attends avec impatience la suite. Comme pour le cours React-Redux j'ai augmenté la vidéo à 1.5 car le flow de l'instructeur me le permet. Donc super pour un rookie ;)
Mathieu
August 29, 2017
Le cours est complet et bien détaillé. Un petit manque sur les animations. Le formateur explique de manière claire et concise.
Philippe
August 28, 2017
Peu d'explications et diction rapide parfois difficile à suivre. Le formateur devrait supprimer les sections dans lesquelles il fait des erreurs, cela fait perdre du temps.
Lalou
June 2, 2017
Clair, concis et pédagogique. Les similitudes et différences avec d'autres frameworks phares sont éclairantes.

Charts

Price

Vue.js 2 par la pratique - Price chart

Rating

Vue.js 2 par la pratique - Ratings chart

Enrollment distribution

Vue.js 2 par la pratique - Distribution chart

Related Topics

1217568
udemy ID
5/16/2017
course created date
11/1/2019
course indexed date
Bot
course submited by