- 1. Objetivos de aprendizaje
- 2. Descripción
- 3. Diseño e investigación UX
- 4. Historias de usuario
- 5. Pruebas unitarias
- 6. Tecnologias utilizadas
- 7. Autores
-
Uso de HTML semántico
-
Uso de selectores de CSS
-
Modelo de caja (box model): borde, margen, padding
-
Uso de flexbox en CSS
-
Uso de selectores del DOM
-
Manejo de eventos del DOM (listeners, propagación, delegación)
-
Manipulación dinámica del DOM
-
Diferenciar entre tipos de datos primitivos y no primitivos
-
Arrays (arreglos)
-
Objetos (key, value)
-
Variables (declaración, asignación, ámbito)
-
Uso de condicionales (if-else, switch, operador ternario, lógica booleana)
-
Uso de bucles/ciclos (while, for, for..of)
-
Funciones (params, args, return)
-
Pruebas unitarias (unit tests)
-
Módulos de ECMAScript (ES Modules)
-
Uso de linter (ESLINT)
-
Uso de identificadores descriptivos (Nomenclatura y Semántica)
-
Diferenciar entre expresiones (expressions) y sentencias (statements)
-
Git: Instalación y configuración
-
Git: Control de versiones con git (init, clone, add, commit, status, push, pull, remote)
-
Git: Integración de cambios entre ramas (branch, checkout, fetch, merge, reset, rebase, tag)
-
GitHub: Creación de cuenta y repos, configuración de llaves SSH
-
GitHub: Despliegue con GitHub Pages
- GitHub: Colaboración en Github (branches | forks | pull requests | code review | tags)
- Diseñar un producto o servicio poniendo a la usuaria en el centro
-
Crear prototipos de alta fidelidad que incluyan interacciones
-
Seguir los principios básicos de diseño visual
- Planear y ejecutar testeos de usabilidad de prototipos en distintos niveles de fidelidad
Esta página esta hecha para los amantes y para los que quieran conocer de que se trata League of Legends, ya que a través de ella pueden conocer informacion del objetivo del juego y de sus campoenes, ademas pueden filtrar esta informacion por roles, y ordenarla de acuerdo a los criterios que busque el usuario.
Para el diseño de esta pagina realizamos una encuesta a algunos juagadores de LOL y también a algunas personas interesadas en conocer sobre el juego. El resultado de esta encuenta nos dio una guia para el prototipo de la misma. Pensamos en una pagina con un diseño interactivo para el usuario y de facil uso.
Al ver los resultados de la encuesta se realizaron cambios en el primer prototipo diseñado, dandole asi un enfoque a las sugerencia realizadas por los usuarios.
Yo como usuario quiero ver una pagina que me permita navegar por un menú que tenga la opción de conocer todos los Campeones y los objetivos del juego para saber mas sobre el mismo.
Yo como usuario quiero saber cuales son los objetivos del juego para entender la dinamica del mismo.
Yo como usuario quiero ver a los campeones por roles para conocer sobre ellos y definir mis estrategias de juego.
Yo como usuario quiero ver los campeones en orden alfabetico, para encontrarlos con mayor facilidad.
Para esta página constantemente se estuvo haciendo iteración de prototipos con los usuarios y debido a esto surgieron cambios en la página principal, uno de ellos fue el video que ya no ocupo la totalidad de la pantalla, adicionalmente el resumen se asigno a la misma página, el fondo de la página fue idea de un usuario. En lugar de hacer un vista con los campos de batalla, se hizo una con los objetivos del juego y de este manera fuimos llegando al resultado final.
Este proyecto tiene un criterio de aceptación minimo respecto a las pruebas unitarias las cuales deben dar una cobertura del 70% de statements(sentencias), functions (funciones), lines (líneas), y branches(ramas). De acuerdo con la siguiente imagen se cumple a cabalidad con esta pauta.
- HTML - Utilizado para la maquetación
- CSS - Utilizado para el estilo
- JAVASCRIPT - Usado para la interactividad
- GitHub- Usado para el trabajo colaborativo
- Michell Vanegas - michellvanegas
- Daniela Ducuara - Daniela1421