CodeAventura
Asincronía y APIs en JavaScript
▸Promesas propias y cierre▸Mini cliente Rick and Morty

Misión

●localhost:5173
Consola
La consola está vacía. Pulsa EJECUTAR para correr tu código.
14 / 14Mini cliente Rick and Morty
Anterior

Mini cliente Rick and Morty

Cierre integrador

En esta clase vas a combinar lo aprendido para construir una mini funcionalidad real. Objetivo: pedir varios personajes y renderizarlos en pantalla.

Estrategia recomendada

  1. Define varios endpoints de personajes
  2. Lanza peticiones en paralelo con Promise.all
  3. Convierte cada respuesta a JSON
  4. Renderiza lista en el DOM

Patrón sugerido

Luego transformas personajes a HTML para mostrarlos en #personajes.

Qué evalúa esta clase

  • manejo de asincronía múltiple
  • transformación de datos
  • conexión entre API y UI

No es memorizar métodos sueltos: es resolver una necesidad completa.

Consejo de calidad

Muestra al menos:

  • nombre del personaje
  • especie o estado

y deja un mensaje si algo falla.

Tu desafío 🚀

  1. Usa Promise.all para traer varios personajes
  2. Renderiza resultados en la lista
  3. Muestra feedback de carga/error en #mensaje

Cuando conectas múltiples peticiones y renderizas bien, ya estás construyendo frontend de producto.