Arco 02APIsMisión 05Pendiente

Rastreador de la Estación Espacial

Un mapa que muestra dónde está la Estación Espacial Internacional en este momento, moviéndose en vivo.

Días: 2
Temas: 5
Pasos: 7

Temario de esta misión

Concepto
API
La puerta por la que una computadora te contesta preguntas. Tú preguntas bien, ella responde.
Lenguaje
JSON
El formato en el que viajan los datos: texto ordenado con nombres y valores. Se lee con los ojos.
Herramienta
fetch
La instrucción de JavaScript que sale a internet a traer datos sin recargar la página.
Concepto
Latitud y longitud
Dos números que señalan cualquier punto de la Tierra. Con ellos pones el punto en el mapa.
Concepto
Sondeo (polling)
Volver a preguntar cada cierto rato. Es lo que hace que el punto se mueva solo.

Por qué importa

Hay computadoras en todo el mundo que contestan preguntas si sabes preguntar bien. Una API es esa conversación. Vas a preguntarle a una dónde está una estación espacial con gente adentro, y te va a contestar de verdad.

Desafío jefe · Alerta sobre Querétaro

Que la página avise cuando la estación esté pasando cerca de Querétaro. Tú tienes que decidir qué tan cerca cuenta como cerca.

Pasos

1
Abre la URL de la API en el navegador y mira el JSON crudo. Eso es todo lo que hay: texto ordenado.
2
Pide los datos desde tu código y muéstralos como texto en la página.
3
Pon un mapa y un punto encima.
4
Mueve el punto a la latitud y longitud que te dio la API.
5
Haz que vuelva a preguntar cada cinco segundos, para que el punto se mueva solo.
6
Dibuja la estela de por dónde pasó en los últimos minutos.
7
Agrega cuánta gente hay a bordo ahorita, con otra API.

Lo que desbloqueas

Qué es una API
JSON
Pedir datos con fetch
Datos que cambian solos

Misión 5 de 20