4.8/5 Trustpilot (1397 avis)
Vue.js 2 par la Pratique
Vue.JS est en v3 depuis septembre 2020.
Parmi les nouveautés importantes de cette version, la "Composition API". Afin de la prendre en main, nous allons développer ensemble une application qui vous permettra de découvrir comment développer les fonctionnalités les plus courantes à l'aide des cette nouvelle API très riche.
Au programme de cette formation Vue.js 3 par la pratique
Voici les points qui seront abordés dans ce cours en vidéo :
- génération d'une nouvelle application Vue 3 à l'aide de la CLI
- architecture d'une application vue.js 3,
- création de formulaire, soumission et reset,
- création et émission de custom events dans le contexte de la Composition API,
- customisation du routage,
- création d'un service,
- utilisation des lifecycle hooks dans le contexte de la Composition API,
- utilisation de computed properties et de watchers dans le contexte de la Composition API,
- implémentation d'un système de filtre avancé (par mots clés et par boutons radio),
- persistance et lecture depuis localStorage,
- création d'une custom modal permettant l' edit in place et de confirmer la suppression.
Cette formation en ligne est accompagnée de son code source.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Prenez les devants et montez en compétences sur Vue.js 3 !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Introduction
Introduction
Chapitre 2
Création et gestion de formulaires Vue 3
Création et gestion de formulaires Vue 3
Chapitre 3
Afficher une collection
Afficher une collection
Chapitre 4
Références et lifecycle hooks
Références et lifecycle hooks
Chapitre 5
Création d'un système de recherche et de filtres
Création d'un système de recherche et de filtres
Chapitre 6
Validation de formulaire
Validation de formulaire
Chapitre 7
Suppression d'une tâche
Suppression d'une tâche
Table des matières
Chapitre 1 : Introduction
33m33
Leçon 1Démonstration de l'application que nous allons développer
Leçon 2Créer une application Vue 3
Leçon 3Organisation d'une application Vue 3
Leçon 4Nettoyage de l'application par défaut
Leçon 5Visite guidée de l'application générée
Chapitre 2 : Création et gestion de formulaires Vue 3
38m10
Leçon 1Créer un composant Form
Leçon 2Binder des refs à des tags HTML
Leçon 3Gérer la soumission du formulaire
Leçon 4Créer un custom event et l'émettre
Chapitre 3 : Afficher une collection
25m34
Leçon 1Créer le service "Task Service"
Leçon 2Créer la view Tasks et permettre de router vers cette view
Leçon 3Afficher toutes les tâches existantes
Leçon 4Convertir les temporalités de Kebab Case en valeurs plus lisibles
Chapitre 4 : Références et lifecycle hooks
09m45
Leçon 1Utiliser le lifecycle hook onMount()
Chapitre 5 : Création d'un système de recherche et de filtres
38m14
Leçon 1Récupérer les saisies des utilisateurs
Leçon 2Filtrer les tâches
Leçon 3Afficher les tâches filtrées
Leçon 4Créer et binder un groupe de boutons radio
Leçon 5Utiliser un watcher plugué sur la variable bindée sur les boutons radio
Chapitre 6 : Validation de formulaire
06m19
Leçon 1Valider un formulaire à l'aide d'une computed
Chapitre 7 : Suppression d'une tâche
18m59
Leçon 1Supprimer une tâche
Leçon 2Persister dans localStorage
Chapitre 8 : Modification d'une tâche via une Custom Modal
45m57
Leçon 1Créer un component Modal
Leçon 2Créer un méthode update() dans le service
Aperçus
