Saltar al contenido principal
Volver al curso
Módulo 4 · Especialización25 min

Web APIs

Fetch, Storage, Geolocation, Canvas.

Recompensa al completar

Insignia “Web API explorer” · +30 puntos

Fetch API


javascript
fetch("https://api.ejemplo.com/datos")
.then(respuesta => respuesta.json())
.then(datos => console.log(datos));

localStorage


javascript
localStorage.setItem("usuario", "Ana");
let usuario = localStorage.getItem("usuario");
localStorage.removeItem("usuario");

sessionStorage


javascript
sessionStorage.setItem("token", "abc123");

Geolocation


javascript
navigator.geolocation.getCurrentPosition(
posicion => {
console.log(posicion.coords.latitude);
console.log(posicion.coords.longitude);
}
);

Canvas


javascript
let canvas = document.getElementById("mi-canvas");
let ctx = canvas.getContext("2d");
ctx.fillStyle = "#F59E0B";
ctx.fillRect(0, 0, 150, 100);

?Ejercicio

Crea una función que maneje una API falsa con manejo de errores.

editor.js
1234567

Recompensa al completar

Insignia “Web API explorer” · +30 puntos