Data Lovers

Índice

• 1. Descripción del proyecto
• 2. Imagen proyecto final
• 3. Sketch del proyecto
• 4. Consideraciones generales

---

1. Descripción del proyecto

Éste proyecto se se construyó pensando en jugadores novatos y experimentados de League of legends que deseen aprender más acerca de los personajes del juego para desarrollar sus estrategias de juego.

Pensando en ésto, la página cuenta con una lista de personajes que contiene la imagen de cada uno, su nombre, su lema y una descripción del mismo, para que los jugadores puedan conectar con los mismos.

2. Imagen proyecto final

( ( ( (

3. Sketch del proyecto

( ( (

4. Consideraciones generales

HTML y CSS

• [ x ] Uso de HTML semántico.
• [ x ] Uso de selectores de CSS.
• [ x ] Construir tu aplicación respetando el diseño realizado (maquetación).
• [ x ] Uso de flexbox en CSS.

DOM y Web APIs

• [ x ] Uso de selectores del DOM.
• [ x ] Manejo de eventos del DOM.
• [ x ] Manipulación dinámica del DOM. (appendChild |createElement | createTextNode| innerHTML | textContent | etc.)

JavaScript

• [ x ] Uso de condicionales (if-else | switch | operador ternario)
• [ x ] Uso de bucles (for | for..in | for..of | while)
• [ x ] Uso de funciones (parámetros | argumentos | valor de retorno)
• Manipular arrays (filter | map | sort | reduce)
• [ x ] Manipular objects (key | value)
• [ x ] Uso ES modules (import | export)
• Diferenciar entre expression y statements.
• Diferenciar entre tipos de datos atómicos y estructurados.

Testing

• Testeo unitario.

Estructura del código y guía de estilo

• [ x ] Organizar y dividir el código en módulos (Modularización)
• [ x ] Uso de identificadores descriptivos (Nomenclatura | Semántica)
• Uso de linter (ESLINT)

Git y GitHub

• [ x ] Uso de comandos de git (add | commit | pull | status | push)
• [ x ] Manejo de repositorios de GitHub (clone | fork | gh-pages)
• [ x ] Colaboración en Github (branches | pull requests | |tags)

UX

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