L. Catalina Meneses
Software Developer at Ubidots Internet of Things. Co-organizer of @pionerasdev / Making history with {code} 👩💻
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.
API
By L. Catalina Meneses
