Buscador en tiempo real con Laravel y VueJS

Crear un buscador en tiempo real, que mientras escribes se muestran las coincidencias encontradas.

4.35 (117 reviews)
Udemy
platform
Español
language
Web Development
category
11,701
students
1 hour
content
Apr 2021
last update
FREE
regular price

What you will learn

Aprenderás a crear un buscador con sugerencias en tiempo real al momento de realizar una búsqueda

Del lado del backend, procesarás la petición e implementarás un mecanismo de búsqueda para los registros solicitados

Del lado del frontend, aprenderás a realizar la petición mediante axios, y tras recuperar la respuesta a mostrar los resultados con VueJS

En el curso diseñaras una interfaz sencilla de búsqueda con un dropdown que servirá para mostrar los resultados de búsqueda.

Description

La experiencia del usuario es un factor determínate para el éxito o fracaso de nuestra aplicación, en este curso abordamos un aspecto muy importante, se trata de un buscador que te permita mostrar las coincidencias encontradas al tiempo que el usuario escribe los términos en la caja de búsqueda.

En el curso abordaremos aspectos tanto del Front-End como del Back-End. Realizarás peticiones mediante axios y diseñarás la interfaz de usuario con VueJS.

En el lado del Back End, realizaremos un procesamiento simple de la petición de búsqueda retornando un objeto JSON con los datos necesarios para mostrar los resultados encontrados al usuario.

Este curso se centra en ofrecer al estudiante una idea de como implementar este mecanismo de búsqueda en cualquier caja de búsqueda de sus proyectos.

A pesar de que el curso es corto, ofrece elementos clave para poder tomar como punto de partida esta implementación para el diseño de un mecanismo de búsqueda más complejo, integrando otros cursos que hemos creado desde Laravelers como el de Búsquedas Avanzadas con Eloquent, la implementación de un Infinite Scroll en Laravel y el de Validación de formularios.

Te invito a tomar este pequeño curso totalmente gratuito y conoce como incorporar esta simple pero poderosa implementación en tus proyectos con Laravel y VueJS.

Recuerda que la mejor inversión es la que nutre nuestra mente e impulsa nuestro desarrollo personal y profesional. Nos vemos en línea.

Content

Introducción

Presentación del curso
Configurar el entorno de trabajo
Instalar VueJS

Vista

Estructura de la vista
Estilos de la vista

Buscador

Configurar datos de prueba
Método para buscar posts
Mostrar u ocultar caja de resultados
Mostrar resultados
Sobre el rendimiento de la aplicación

Screenshots

Buscador en tiempo real con Laravel y VueJS - Screenshot_01Buscador en tiempo real con Laravel y VueJS - Screenshot_02Buscador en tiempo real con Laravel y VueJS - Screenshot_03Buscador en tiempo real con Laravel y VueJS - Screenshot_04

Reviews

Klemens
October 8, 2023
me hubiese gustado un entorno mas generico. Yo uso Nginx en Linux, ademas me gustaria saber como realizar lo mismo sin utilizar npm.
David
August 20, 2021
Excelente explicación, asi es bueno aprender con ejercicios sensillos que van subiendo de nivel... 5 estrellas
Joaquín
July 4, 2021
Un curso interesante para ver en acción Vue en el Front y Laravel en el backend. Interesante para complementarlo con varios de los otros cursos del autor.
Pablo
June 27, 2021
Excelente video bro! Algún curso completo ya sea de carrito de compras, o de almacenes que puedas compartir para seguir aprendiendo con tus enseñanzas. Muchas gracias
Leonel
May 13, 2021
Muy buena toda la informacion, no te doy el 5 porque no terminaste la parte de despues de seleccionar de la lista

Charts

Price

Buscador en tiempo real con Laravel y VueJS - Price chart

Rating

Buscador en tiempo real con Laravel y VueJS - Ratings chart

Enrollment distribution

Buscador en tiempo real con Laravel y VueJS - Distribution chart
4016148
udemy ID
4/29/2021
course created date
5/11/2021
course indexed date
Angelcrc Seven
course submited by