Cómo crear una aplicación web meteorológica completa utilizando HTML, CSS, Javascript y API meteorológica.

Lo que vas a aprender:
Cómo-
– Utilice Fetch para obtener datos de una API
– Utilice una API en su aplicación
– Muestra datos de una API en su aplicación
– Crea una barra de búsqueda y busca
la API meteorológica para una ciudad específica
– Crea un hermoso diseño de aplicación de morfismo de vidrio con HTML y CSS
– Diseño Responsivo con CSS
– Reformatear los datos de la API a algo más adecuado para la interfaz de usuario.
– Trabajar y manipular cadenas en JS.
– Uso de literales de plantilla en Javascript
– Cambiar condicionalmente la imagen de fondo.
de la aplicación según el clima actual
– Detectar errores al buscar desde una API
– Animaciones CSS básicas

API meteorológica gratuita:
https://www.weatherapi.com

Iconos del tiempo:
https://www.weatherapi.com/docs/#weather-icons

Fuente de Google utilizada:
https://fonts.google.com/specimen/Rubik?queryrubik

Imágenes utilizadas:
Día:
https://unsplash.com/photos/h-rP5KSC2W0
https://unsplash.com/photos/eXHeq48Z-Q4
https://unsplash.com/photos/bWtd1ZyEy6w
https://unsplash.com/photos/duo-xV0TU7s
Noche:
https://unsplash.com/photos/PzhmEp_aDU4
https://unsplash.com/photos/QjR_snVQn4c
https://unsplash.com/photos/rk2s0sm8xF4
https://unsplash.com/photos/uj-w-v7OFT4

Diseño original:
https://dribbble.com/shots/7118235-Weather-DailyUI-037

No dudes en pedir ayuda si tienes algún problema para recrear un proyecto a partir de cualquiera de mis videos. Con gusto te ayudaré 🙂

Obtenga el código fuente de todos mis videos:
https://www.buymeacoffee.com/webcode/posts

Sígueme en Instagram:
https://www.instagram.com/quickcodingtuts/

Mis productos:
https://www.buymeacoffee.com/webcode/extras

Apóyame para seguir creando y mejorando mi contenido:
https://paypal.me/quickcodingtuts?locale.xen_US

Etiquetas:
#api
#javascript
#clima

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