Data Lovers

Objetivos de aprendizaje

UX

• Diseñar la aplicación pensando y entendiendo al usuario.
• Crear prototipos para obtener feedback e iterar.
• Aplicar los principios de diseño visual (contraste, alineación, jerarquía).
• Planear y ejecutar tests de usabilidad.

HTML y CSS

• Entender y reconocer por qué es importante el HTML semántico.
• Identificar y entender tipos de selectores en CSS.
• Entender como funciona flexbox en CSS.
• Construir tu aplicación respetando el diseño planeado (maquetación).

DOM

• Entender y reconocer los selectores del DOM (querySelector | querySelectorAll).
• Manejar eventos del DOM. (addEventListener)
• Manipular dinámicamente el DOM. (createElement, appendchild, innerHTML, value)

Javascript

• Manipular arrays (filter | map | sort | reduce).
• Manipular objects (key | value).
• Entender el uso de condicionales (if-else | switch).
• Entender el uso de bucles (for | forEach).
• Entender la diferencia entre expression y statements.
• Utilizar funciones (parámetros | argumentos | valor de retorno).
• Entender la diferencia entre tipos de datos atómicos y estructurados.
• Utilizar ES Modules (import | export).

Pruebas Unitarias (testing)

• Testear funciones (funciones puras).

Git y GitHub

• Ejecutar comandos de git (add | commit | pull | status | push).
• Utilizar los repositorios de GitHub (clone | fork | gh-pages).
• Colaborar en Github (pull requests).

Buenas prácticas de desarrollo

• Organizar y dividir el código en módulos (Modularización).
• Utilizar identificadores descriptivos (Nomenclatura | Semántica).
• Utilizar linter para seguir buenas prácticas (ESLINT).

Definición del producto

Crear una app dirigida a fans de la serie y usuarios del juego Pókemon Go, en la que el visitante podrá ver cada uno de los 151 pokemons de la región de Kanto y conocerlos por su nombre y tipo . Una de las funciones que realiza la app, es que el usuario puede dar click sobre la imagen del pokemon que le interese y éste desplegará más información relevante, por ejemplo su tipo o sus debilidades, entre otros datos útiles para quienes están inmersos en el mundo de Pókemon Go.

Historias de usuario

Historia 1

Yo como: Fan de Pokemon Go Quiero: Ver los 151 pokemons con su nombre. Para: conocerlos e identificarlos.

Historia 2

Yo como : Fan de Pokemon Go Quiero: Buscar un pokemon específico por su nombre. Para: saber más de ese pokemon específico.

Historia 3

Yo como: Fan de Pokemon Go Quiero: Dar click en el pokemon que quiero Para : Ver su información compl

Diseño de la Interfaz de Usuario

Implementación de la Interfaz de Usuario (HTML/CSS/JS)