Cree e implemente una aplicación complementaria de viajes de Google Maps React.js

Cree e implemente una aplicación complementaria de viajes de Google Maps React.js

InicioDominio de JavaScriptCree e implemente una aplicación complementaria de viajes de Google Maps React.js
Cree e implemente una aplicación complementaria de viajes de Google Maps React.js
ChannelPublish DateThumbnail & View CountDownload Video
Channel AvatarPublish Date not found Thumbnail
0 Views
La geolocalización, la API de Google Maps y la API de Google Places, la obtención de datos de API según la ubicación y el filtrado de datos son solo algunas de las características que hacen de esta aplicación Travel Advisor la mejor aplicación de mapas que puede encontrar actualmente en YouTube.

JS Mastery Pro – https://jsmastery.pro?discountyoutube
¡Se aplica automáticamente un código de descuento especial de YOUTUBE!

RapidAPI: https://rapidapi.com/hub?utm_sourceyoutube.com/JavaScriptMastery&utm_mediumDevRel&utm_campaignDevRel
API de asesor de viajes: https://rapidapi.com/apidojo/api/travel-advisor?utm_sourceyoutube.com/JavaScriptMastery&utm_mediumDevRel&utm_campaignDevRel
API de mapas meteorológicos abiertos: https://rapidapi.com/community/api/open-weather-map?utm_sourceyoutube.com/JavaScriptMastery&utm_mediumDevRel&utm_campaignDevRel

Si aparece: /"Esta página no puede cargar Google Maps correctamente./" y /"Solo para fines de desarrollo./", significa que debe ingresar sus datos de facturación. Google requiere esto para verificar su identidad y distinguir a las personas reales de los robots. Recibirá 200 solicitudes de API gratuitas de forma indefinida y NO se le cobrará.

Materiales/Referencias:
Código GitHub (dale una estrella): https://github.com/adrianhajdin/project_travel_advisor
Estilos y otro código: https://gist.github.com/adrianhajdin/ede527249054b7abbdf4e3a9fac95b5e

Únase a nuestro boletín informativo de JavaScript Mastery sobre desarrollo web, JavaScript y React para obtener guías de programación exclusivas, consejos y trucos, y libros electrónicos completos: https://resource.jsmastery.pro/newsletter

Hostinger es mi recomendación personal para hosting: https://www.hostinger.com/javascriptmastery
Utilice el código JAVASCRIPTMASTERY para ahorrar hasta un 91 % en todos los planes de hosting anuales.

En este vídeo aprenderás:
– Mejores prácticas avanzadas de React, como estructura de carpetas y archivos, enlaces y referencias
– Creación de una interfaz de usuario utilizando Material UI
– Trabajar con la API de Google Maps
– obtener datos de fuentes ilimitadas usando RapidAPI

Proyecto creado en colaboración con Enyel Sequeira – https://www.enyelsequeira.com
¿Quieres que cubra el proyecto que has creado? Envíame un correo electrónico

Maestro de JavaScript: https://www.completepathtojavascriptmastery.com/
¡Utilice el código de promoción especial /"YOUTUBE/" al finalizar la compra para ahorrar 60!

️ Apoye el dominio de JavaScript y sugiera videos futuros:
BuyMeACoffe: https://www.buymeacoffee.com/JSMastery
Patreon: https://www.patreon.com/javascriptmastery

Encuéntrame aquí:
Grupo de discordia: https://discord.gg/n6EdbFJ
Instagram: https://instagram.com/javascriptmastery
Gorjeo: https://twitter.com/jsmasterypro

Preguntas de negocios:
Correo electrónico: [correo electrónico protegido]

Marcas de tiempo
00:00:00 Introducción
00:02:10 Configuración
00:03:32 Demostración
00:07:09 Configuración del proyecto
00:13:02 Estructura de carpetas
00:19:19 Encabezado
00:27:40 Mapa
00:35:42 Lista
00:45:51 Trabajar con API
01:05:08 Tarjeta de lugar
01:20:39 Mostrar lugares en el mapa
01:27:53 Lugares de desplazamiento y filtros
01:46:39 Búsqueda de lugares
01:57:24 API meteorológica
02:04:18 Cambiar estilos de mapa
02:06:08 ENV
02:10:06 Despliegue

Aproveche la oportunidad para conectarse y compartir este video con sus amigos y familiares si lo encuentra útil.