Búsqueda de frases en tiempo real con Vue.js

Principiante

En este proyecto, aprenderás cómo construir una aplicación web que permita a los usuarios buscar y mostrar frases hermosas de la literatura en tiempo real. La aplicación obtendrá los datos de un archivo JSON y utilizará Vue.js para implementar la funcionalidad de búsqueda y mostrar los resultados.

JavaScriptVue.js

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este proyecto, aprenderás a crear una aplicación web que permita a los usuarios buscar y mostrar en tiempo real frases hermosas de la literatura. La aplicación obtendrá los datos de un archivo JSON y utilizará Vue.js para implementar la funcionalidad de búsqueda y mostrar los resultados.

👀 Vista previa

Vista previa de la interfaz de búsqueda de la aplicación web
Mostrar resultados de búsqueda en tiempo real

🎯 Tareas

En este proyecto, aprenderás:

  • Cómo configurar el proyecto y entender los archivos y directorios proporcionados
  • Cómo implementar la solicitud de datos para obtener los datos del archivo data.json
  • Cómo implementar la funcionalidad de búsqueda en tiempo real para mostrar las frases coincidentes
  • Cómo dar algunos toques finales al proyecto al dar estilo a la página web

🏆 Logros

Después de completar este proyecto, podrás:

  • Configurar un proyecto de desarrollo web con HTML, CSS y JavaScript
  • Utilizar Vue.js para crear una aplicación web reactiva e interactiva
  • Obtener datos de un archivo JSON y mostrarlos en la página web
  • Implementar la funcionalidad de búsqueda en tiempo real y resaltar las palabras clave coincidentes
  • Dar estilo a una página web utilizando CSS para mejorar la apariencia general y la experiencia del usuario

Profesor

labby

Labby

Labby is the LabEx teacher.