CATALOGUE Code & Data Formation JavaScript Apprendre Vue JS 3

Création d'une application avec Vue JS 3

Retour à la formation
Chapitre 1 Leçon 24
Précédent
Suivant

Apprenez à créer une application Vue JS 3 avec des filtres dynamiques et des données JSON.

Détails de la leçon

Description de la leçon

Vous avez brillamment terminé cette première partie et je tiens à vous féliciter. Quel chemin parcouru depuis le début de la formation ! Maintenant, vous savez créer des applications Vue JS 3, vous savez définir des propriétés dans le modèle et y accéder avec un binding ou une interpolation, vous savez effectuer un binding bidirectionnel entre un élément de formulaire et le modèle de l'application, vous savez définir des méthodes et des propriétés calculées, vous savez utiliser la directive VHTML pour injecter une propriété du modèle dans le innerHTML d'un élément, vous savez gérer les événements sans ou avec des paramètres, y compris le paramètre $event, vous savez utiliser les modificateurs STOP et PREVENT pour gérer la propagation et l'interprétation des événements, vous savez créer des boucles dans la vue avec la directive VFOR, vous savez utiliser des arguments dynamiques dans la vue, vous savez créer des classes et des styles conditionnels. Il est temps d'appliquer ce que vous avez appris dans un projet de grande envergure. Vous allez utiliser les données qui se trouvent dans le fichier JSON fourni en ressources, appelé personnes.json. Vous exploiter ces données pour créer une application qui affiche des informations filtrées et stylisées selon les options de l'utilisateur.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de :

  • Apprendre à manipuler des données JSON dans une application Vue JS 3.
  • Mettre en œuvre des filtres dynamiques et options d'affichage.
  • Créer une interface utilisateur réactive et personnalisable.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est nécessaire d'avoir :

  • Des connaissances de base en HTML, CSS et JavaScript.
  • Compréhension des concepts fondamentaux de Vue JS.

Métiers concernés

L'utilisation de Vue JS est courante dans les métiers suivants :

  • Développement Front-End
  • Ingénieur Logiciel
  • Développeur Web

Alternatives et ressources

Comme alternatives à Vue JS, vous pouvez considérer :

  • React - une autre bibliothèque JavaScript pour construire des interfaces utilisateurs.
  • Angular - un framework JavaScript pour développer des applications web robustes.

Questions & Réponses

En utilisant la directive v-model, vous pouvez lier une donnée de votre modèle à un élément de formulaire de manière bidirectionnelle.
La directive v-for permet de créer des boucles dans vos templates Vue JS.
Les modificateurs .stop et .prevent sont utilisés pour gérer respectivement la propagation et l'interprétation des événements.