Vue.js 3 par la Pratique
ERROR
00:00
00:00

TUTO Vue.js 3 par la Pratique

Codeconcept
49,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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
Chapitre 2
Création et gestion de formulaires Vue 3
Chapitre 3
Afficher une collection
Chapitre 4
Références et lifecycle hooks
Chapitre 5
Création d'un système de recherche et de filtres
Chapitre 6
Validation de formulaire
Chapitre 7
Suppression d'une tâche

Plan détaillé du cours

Chapitre 1 : Introduction
33m33s
 
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
38m10s
 
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
25m34s
 
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
09m45s
 
Leçon 1Utiliser le lifecycle hook onMount()
Chapitre 5 : Création d'un système de recherche et de filtres
38m14s
 
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
06m19s
 
Leçon 1Valider un formulaire à l'aide d'une computed
Chapitre 7 : Suppression d'une tâche
18m59s
 
Leçon 1Supprimer une tâche
Leçon 2Persister dans localStorage
Chapitre 8 : Modification d'une tâche via une Custom Modal
45m57s
 
Leçon 1Créer un component Modal
Leçon 2Créer un méthode update() dans le service

Aperçus

Vos questions sur le cours

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

Vue 3

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Que contient le fichier source ?

Tout le code de source de l'application développée durant ce tuto !

Faut-il connaître Vue 2 avant d'apprendre Vue 3

Non, il faut en revanche avoir des bases en HTML, CSS et JavaScript.

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données