El proyecto es una pagina web que permite a los jugadores o aficionados de Pokemon GO! acceder a una interfaz que les permite buscar información, interactuar mediante filtros sobre temas de interés respecto al juego.
-
USUARIOS Y OBEJTIVOS:
El usuario al que va dirigido esta pagina web son para jugadores de Pokemon Go! o personas interesadas en conocer datos sobre los pokemon. -
SOLUCIONES:
Mediante la inteerfaz llamativa de esta pagina web le permite al usuario hacer mas interactiva su busqueda y obtener la informacion que necesita.
- 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.
- 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).
- Entender y reconocer los selectores del DOM (querySelector | querySelectorAll).
- Manejar eventos del DOM. (addEventListener)
- Manipular dinámicamente el DOM. (createElement, appendchild, innerHTML, value)
- 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
).
- Testear funciones (funciones puras).
- Ejecutar comandos de git (
add
|commit
|pull
|status
|push
). - [] Utilizar los repositorios de GitHub (
clone
|fork
| gh-pages). - Colaborar en Github (pull requests).
- 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).