Arco 02APIsMisión 07Pendiente
Cartas de perros
Cartas coleccionables de razas de perros, con fotos reales y estadísticas que tú diseñas.
- Días
- 2
- Temas
- 5
- Pasos
- 7
Temario de esta misión
Concepto
Arreglos y objetos
Las dos cajas donde JavaScript guarda datos: una lista en orden y una ficha con campos con nombre.
Concepto
Estructura de datos
Decidir la forma que tienen tus datos antes de dibujarlos. Aquí: qué campos tiene una carta.
Concepto
Función determinista
La que siempre da lo mismo con la misma entrada. Por eso el mismo perro tiene siempre las mismas estadísticas.
Concepto
Números aleatorios
Math.random(), para lo que sí debe cambiar cada vez, como lo que sale en un sobre.
Concepto
Probabilidad
Qué tan seguido pasa algo. Se comprueba contando muchas veces, no adivinando.
Por qué importa
Una API te da datos en bruto y feos. Tu trabajo no es mostrarlos tal cual: es decidir qué significa cada uno y cómo se ve. Ahí es donde programar se parece a diseñar.
Desafío jefe · Cartas raras
Haz que existan cartas raras, brillantes y difíciles de sacar. Tienes que decidir qué tan raras y demostrar con números que de verdad salen poco.
Míralo funcionar
De dato crudo a carta
La API te da datos feos. Convertirlos en algo bonito es tu trabajo.
Lo que da la API
Dos campos, nada más. Ni lealtad ni ladrido.
Tu carta
Las estadísticas las inventas tú, a partir del nombre
La API de perros te da una raza y una foto. Nada más. Ninguna carta coleccionable sale de eso sola.
Pasos
- 1
Pide la lista de razas a la API y cuéntalas.
- 2
Trae una foto de una raza y muéstrala.
- 3
Diseña tu carta en papel primero. ¿Qué estadísticas tiene un perro? ¿Lealtad? ¿Nivel de ladrido? ¿Esponjosidad?
- 4
Inventa cómo se calcula cada estadística a partir del nombre de la raza, para que siempre dé lo mismo para el mismo perro.
- 5
Haz la carta en pantalla con la foto, el nombre y tus estadísticas.
- 6
Haz que se pueda abrir un sobre con cinco cartas al azar.
- 7
Guarda las cartas que ya te salieron, para que se vea tu colección.
Lo que desbloqueas
- Estructuras de datos
- Convertir datos en interfaz
- Arreglos y objetos
- Números aleatorios
Misión 7 de 20