¿Qué aprenderás?
En este curso aprenderás a desarrollar un buscador de comercios que te permitirá encontrar fácilmente diferentes establecimientos en un área concreta. La aplicación estará basada en Laravel, JavaScript, Leaflet Maps y MySQL.
La interfaz de la aplicación constará de dos elementos principales. En el lado izquierdo desarrollaremos un sidebar con un buscador de texto donde podremos escribir la ubicación que a consultar. Además, podremos filtrar los resultados según los diferentes tipos de comercios disponibles. También podremos establecer un radio en kilómetros para definir la distancia máxima en la que deseamos buscar.
Debajo del buscador, tendremos una lista de comercios que coincidan con los criterios de búsqueda. Cada comercio en la lista será clickable, lo que significa que al hacer clic en él, centraremos el mapa en el comercio clickado y mostraremos su InfoWindow (ventana con información del comercio).
En el lado derecho de la interfaz, pintaremos el mapa principal que mostrará los comercios que vayamos obteniendo de la base de datos según las búsquedas realizadas. Cada comercio en el mapa también será clickable, lo que abrirá un popup que mostrará información adicional sobre el comercio, como su nombre, dirección y otros detalles relevantes.
El mapa estará integrado con Leaflet Maps, una biblioteca de mapeo en JavaScript ampliamente utilizada y gratuita, una gran alternativa a Google Maps. Esto nos permitirá visualizar los comercios de manera interactiva y explorar su ubicación geográfica en el mapa.
Además de la funcionalidad de búsqueda y visualización de comercios, también aprenderás a utilizar una base de datos MySQL para almacenar la información de los comercios y recuperarla según las consultas de búsqueda realizadas. Esto garantizará que los resultados sean precisos y actualizados en tiempo real.
En resumen, al finalizar este curso, estarás capacitado para desarrollar un buscador de comercios potente y eficiente utilizando Laravel, JavaScript, Leaflet Maps y MySQL. Podrás buscar comercios por texto, filtrarlos por tipo y establecer un radio de búsqueda. También podrás ver los resultados en una lista y en un mapa interactivo, obteniendo información detallada de cada comercio. ¡Espero que disfrutes del curso y encuentres mucha utilidad en la aplicación que desarrollaremos juntos!
Requisitos
Conocimientos de JavaScript, aquí tienes un curso gratuito.
¿A quién va dirigido el curso?
¿Qué hacer en caso de dudas durante el curso?
Los planes de suscripción trimestral y anual incluyen soporte a través del foro del curso.
Las dudas que se planteen en el foro del curso serán respondidas en un plazo máximo de 24 horas laborables.
Las dudas planteadas deben estar relacionadas con el contenido del curso y no con desarrollos personalizados que no estén relacionados con el curso.
Certificado de finalización
Al completar todas las lecciones del curso, obtendrás un certificado de finalización en formato PDF personalizado con tu nombre y un código QR de verificación.
- center_focus_weak Código QR con enlace al curso
- picture_as_pdf Descargable en formato PDF
- person Personalizado con tu nombre
star Disponible exclusivamente para suscriptores.
Valoraciones
5 valoraciones
hace 1 año
hace 2 años
hace 2 años
hace 3 años
hace 3 años
