API

"Application Programming Interfaces

API

Una API es una “llave de acceso” a funciones que nos permiten hacer uso de un servicio web provisto por un tercero, dentro de una aplicación web propia, de manera segura.

Ejemplos

Google maps tiene una API donde podemos consultar datos sobre sus mapas y mostrarlos en nuestra aplicación.

Twitter nos permite obtener los tweets de un usuario y también crear un tweet con ese mismo usuario.  

Facebook expone un API con ciertos datos para registrar automáticamente usuarios en otros sitios web, dándoles la posibilidad de registrarse y loguearse con sus propias cuentas de Facebook.

Descripción del taller

La idea del taller es poder consumir la datos del api Dog API y mostrarlo el listado de mascotas en el navegador usando Javascript.

1. Paso

Se deben tener los siguientes archivos:

2. Paso

En el archivo de html debemos crear un botón con el cual vamos a obtener una imagen random de una mascota.

Mostrar imagen aleatoria

3. Paso

En javascript se debe crear la función que haga la petición con fetch para poder tener la imagen random.

fetch('https://dog.ceo/api/breeds/image/random')
.then(function() {
    // Tu código
})
.catch(function() {
    // Mostrar error
});

4. Paso

Una vez se tenga lista la función que me trae los datos, se debe mostrar en un div los datos que me retorne.

Made with Slides.com