Vue.js 2 par la Pratique
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO Vue.js 2 par la Pratique

Codeconcept
28,99€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Formez-vous à Vue.js par la pratique, grâce à cette formation en ligne et en vidéo !

Vue.js est un framework JavaScript qui monte.
Il mérite votre 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 130 000 développeurs qui ont marqué leur satisfaction en lui accordant une étoile sur GitHub.

La documentation de Vue.js est extrêmement bien conçue mais nécessite des comprendre beaucoup de notions : templates, data binding, directives, méthodes, soumission d'un formulaire gestion des éléments du clavier, watchers, custom events (...)
C'est pourquoi toutes ces notions essentielles sont abordées dans ce tuto !

Le code sources des exemples sont fournis avec la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions. 
Bonne découverte de Vue.js !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Prise en main
Chapitre 2
Notions de base
Chapitre 3
Les composants
Chapitre 4
Intégration d'un composent tiers
Chapitre 5
Divers ... mais important :)
Chapitre 6
Vue-cli, Single File Components et SPA

Plan détaillé du cours

Chapitre 1 : Prise en main
10m29
 
Leçon 1Préparation son environnement de développement
Leçon 2Votre toute première application Vue.js
Leçon 3Installer un serveur web à l'aide de NPM
Chapitre 2 : Notions de base
57m49
 
Leçon 1Le data binding
Leçon 2Installer les "Vue.js devtools" de Chrome
Leçon 3Le two-way binding
Leçon 4Gérer les événements
Leçon 5Gérer la soumission d'un formulaire
Leçon 6Parcourir un tableau
Leçon 7Parcourir un tableau d'objets
Leçon 8Ajouter une classe CSS conditionnellement
Leçon 9Afficher du contenu HTML conditionnellement
Leçon 10Gérer les événements du clavier
Leçon 11Gérer la suppression d'une tâche
Leçon 12Comprendre et mettre en oeuvre les lifecycle hooks
Chapitre 3 : Les composants
56m06
 
Leçon 1Créer un composent global
Leçon 2Créer un composant local
Leçon 3Ajouter des données à un composant enfant
Leçon 4Ajouter des méthodes à un composant enfant
Leçon 5Passer des données d'un composant parent vers ses enfants
Leçon 6Passer le résultat d'une requête Ajax effectuée par le parent à son enfant
Leçon 7Organiser une application en hiérarchie de composants
Leçon 8Insérer du contenu entre les tags d'un composant à l'aide des slots
Leçon 9Émettre un custom event depuis en enfant et le gérer dans le parent
Leçon 10Afficher dans le parent les composants petits-enfants qui ont émis un événement
Leçon 11Pré-rendu et rendu d'un tableau d'objets
Chapitre 4 : Intégration d'un composent tiers
12m52
 
Leçon 1Utilisation d'un composant tiers et récapitulatif
Chapitre 5 : Divers ... mais important :)
30m56
 
Leçon 1Créer un filtre
Leçon 2Les computed properties
Leçon 3Activer/désactiver un bouton en fonction de la valeur d'une computed property
Leçon 4Surveiller le contenu d'un champ texte à l'aide d'un watcher
Leçon 5Requêtes asynchrones et watcher couplé à debounce pour filtrer les requêtes
Chapitre 6 : Vue-cli, Single File Components et SPA
1h02
 
Leçon 1Installer vue-cli et générer un projet
Leçon 2Architecture du projet généré par vue-cli
Leçon 3Refactoriser des composants Vue.js en 'Single File Components'
Leçon 4Création du composant UserList.vue
Leçon 5Création du composant UserDetails.vue
Leçon 6 Ajouter du style à un 'Single File Component'
Leçon 7Implémenter le routage
Leçon 8Créer des liens statiques et dynamiques

Avis des apprenants

Détail des avis
109
Apprenants
3
Commentaires
4,7/5
Note moyenne
5/5
2
4/5
1
3/5
0
2/5
0
1/5
0
Christophe Roulet
Christophe Roulet
Publié le 27/05/2020
Très clair, très bien expliqué. Merci!
Graphoeil
Graphoeil
Publié le 01/04/2019
Très bon tuto, j'ai appris énormément sur Vue.js, je recommande à 100% !
Henrique Rodrigues
Henrique Rodrigues
Publié le 11/05/2019
Satisfait du tutoriel j'ai bien compris les bases de Vue.js, merci.

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

Vue-JS

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 28,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1402 tutos gratuits

Notre politique de protection des données