Recherche de phrases en temps réel avec Vue.js

Débutant

Dans ce projet, vous apprendrez à construire une application web qui permet aux utilisateurs de rechercher et d'afficher des belles phrases de littérature en temps réel. L'application récupérera les données à partir d'un fichier JSON et utilisera Vue.js pour implémenter la fonctionnalité de recherche et afficher les résultats.

JavaScriptVue.js

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce projet, vous allez apprendre à construire une application web qui permet aux utilisateurs de rechercher et d'afficher en temps réel de belles phrases issues de la littérature. L'application récupérera les données à partir d'un fichier JSON et utilisera Vue.js pour implémenter la fonction de recherche et afficher les résultats.

👀 Aperçu

Aperçu de l'interface de recherche de l'application web
Affichage des résultats de recherche en temps réel

🎯 Tâches

Dans ce projet, vous allez apprendre :

  • Comment configurer le projet et comprendre les fichiers et les répertoires fournis
  • Comment implémenter la requête de données pour récupérer les données à partir du fichier data.json
  • Comment implémenter la fonction de recherche en temps réel pour afficher les phrases correspondantes
  • Comment ajouter quelques touches finales au projet en stylisant la page web

🏆 Réalisations

Après avoir terminé ce projet, vous serez capable de :

  • Configurer un projet de développement web avec HTML, CSS et JavaScript
  • Utiliser Vue.js pour construire une application web responsive et interactive
  • Récupérer des données à partir d'un fichier JSON et les afficher sur la page web
  • Implémenter la fonction de recherche en temps réel et mettre en évidence les mots clés correspondants
  • Styliser une page web à l'aide de CSS pour améliorer l'apparence générale et l'expérience utilisateur

Enseignant

labby

Labby

Labby is the LabEx teacher.