Programa completo

APIs REST con JavaScript
desde cero

Conectá aplicaciones web con datos reales usando fetch, JSON, métodos HTTP y manejo de errores.

15 clases3 módulos6–7 h duración

Consumir datos

Leé respuestas JSON y mostralas claramente en la interfaz.

Tratá estados de carga, respuestas inválidas y errores de red.

Implementá operaciones de creación, actualización y eliminación.

PROGRAMA COMPLETO

Cada clase incluye explicación, ejemplo, práctica, solución orientativa y una comprobación breve.

Acercá el mouse o tocá una clase para leer su mini reseña.

Completá 5 clases prácticas de http y datos.

01Qué es una API REST
MINI RESEÑA
Una API REST expone recursos mediante URLs y operaciones HTTP; el cliente y el servidor intercambian representaciones sin compartir su implementación interna.
02JSON y serialización
MINI RESEÑA
JSON representa objetos, listas y valores básicos; serializar convierte datos a texto y parsear reconstruye la estructura en JavaScript.
03Métodos HTTP
MINI RESEÑA
GET consulta, POST crea, PUT o PATCH actualizan y DELETE elimina; elegir el método correcto mejora la claridad de la integración.
04Códigos de estado
MINI RESEÑA
Los códigos 2xx indican éxito, 4xx problemas de la solicitud y 5xx fallos del servidor; el cuerpo aporta el detalle que debe mostrarse de forma segura.
05Primera petición con fetch
MINI RESEÑA
fetch devuelve una promesa y solo rechaza por errores de red; una respuesta HTTP 404 o 500 debe comprobarse con response.ok.

Completá 5 clases prácticas de consumo seguro.

06Promesas y async/await
MINI RESEÑA
async/await permite expresar operaciones asíncronas en orden sin bloquear el navegador, conservando el manejo explícito de errores.
07Manejo de errores
MINI RESEÑA
Una integración robusta distingue errores de red, respuestas HTTP inválidas y datos con un formato inesperado.
08Estados de carga
MINI RESEÑA
La interfaz debe representar carga, éxito, vacío y error para que el usuario entienda qué está ocurriendo.
09Parámetros y query strings
MINI RESEÑA
URL y URLSearchParams construyen consultas correctamente codificadas para filtros, búsqueda y paginación.
10Encabezados HTTP
MINI RESEÑA
Accept, Content-Type y Authorization describen el intercambio; las credenciales privadas nunca deben quedar en JavaScript público.

Completá 5 clases prácticas de integración.

11Peticiones POST
MINI RESEÑA
POST envía una representación del nuevo recurso y requiere serializar el cuerpo, declarar su tipo y validar la respuesta.
12Actualizar y eliminar datos
MINI RESEÑA
PATCH modifica campos concretos y DELETE solicita la eliminación; la interfaz debe reflejar el resultado solo después de confirmarlo.
13Autenticación con tokens
MINI RESEÑA
Un token identifica una sesión o autorización; debe enviarse por HTTPS y almacenarse con una estrategia que reduzca exposición y robo.
14CORS y seguridad
MINI RESEÑA
CORS es una política del navegador controlada por el servidor; no se soluciona desactivando protecciones ni ocultando una clave en el frontend.
15Proyecto: aplicación conectada a una API
MINI RESEÑA
El proyecto final integra consulta, filtros, estados, creación de datos y recuperación ante errores en una interfaz usable.

PROYECTO FINAL

Creá una interfaz que consulte, filtre y actualice información remota.

SIGUIENTE PASO

Cuando tu matrícula esté activa, vas a poder entrar al aula y guardar el progreso de cada clase.