Yahoo Weather API, desarrollar un widget con jQuery
Yahoo Weather API, desarrollar un widget con jQuery
¡INSCRÍBETE A CUALQUIER CURSO CON UN 50% DE DESCUENTO PARA NUEVOS CLIENTES!


Puede que alguna vez tengamos que desarrollar una aplicación donde tengamos que mostrar el tiempo a través de un widget, en este tutorial vamos a ver cómo hacer esto utilizando Yahoo Weather API desarrollando un widget con jQuery.

El resultado final será el de la imagen del post, aunque es muy fácil poder modificar la apariencia, la idea es saber cómo podemos utilizar Yahoo Weather API para poder obtener el tiempo de una ubicación haciendo una consulta utilizando YQL (yahoo query language).

Lo único que vamos a necesitar es utilizar jQuery y Bootstrap, podemos utilizar un CDN o Bower de la siguiente forma.

Con eso tendremos instalado tanto jQuery como bootstrap, ahora vamos a crear un archivo index.html y añadiremos el siguiente código el cual se encarga de crear el widget de forma completa.

De esa forma tan sencilla ya tenemos desarrollado nuestro widget con jQuery, lo único que hacemos es montar una consulta con YQL diciéndole el sitio y la unidad en la que queremos obtener la información, en nuestro caso en grados Celsius.

¿Te interesa aprender a trabajar con jQuery de forma completa?

Accede al curso ahora

En cursosdesarrolloweb.es tenemos cursos completos sobre desarrollo web y desarrollo móvil.

Si quieres aprender a trabajar de forma completa con jQuery no dudes en visitarnos.

El curso de jQuery parte desde 0 y va desde temas básicos hasta temas complejos como el desarrollo de plugins.