nancyym / cdmx-2018-06-bc-core-am-data-dashboard Goto Github PK

UX Sketching completo de diseño ideal, documentado en README.

Hola @NancyyM y Compañera
He estado revisando el proyecto y tengo algunos comentarios:

1. @NancyyM debes agregar como colaboradora a esmerivero, es extremadamente necesario pues los issues van guiados hacia ambas.

2. Que pasó con el deploy a Github Pages? era uno de los requisitos para el demo del sprint 1

3. Que pasó con el tema de UX? no lo encontré en el repositorio, no hay información sobre la investigación y descubrimiento de usuarios, sintesis, sketching de baja y alta fidelidad.

4. Me causa curiosidad todo el código que hay en main.js como lo hicieron? si en ningún archivo están utilizando ni xhr ni fetch para llamar al json con la data, o al menos yo no lo encontré.

5. Tira un error en el archivo json, ojo con eso, revisen la modificación que le hicieron.

6. Recuerden utilizar HTML semántico <header></header> <section></section> <aside></aside> <footer></footer> <article></article>

7. No descuiden el trabajo colaborativo en github, debe ser equitativo en cuanto a cantidad/calidad de commits.

Vamos con power!! son capaces de mucho, muestren en este proyecto lo grandes que pueden ser en el desarrollo 🚀

JS manipulación y visualización de data mostrando estudiantes y detalle de progreso de estudiantes, aplicando xhr/fetch y DOM.

UI Diseño sencillo maquetado y aplicado con css.

UX Diseño user centricity (cerca de las necesidades de los usuarixs).

Liga de github pages desplegando avance.

JS aplicar fórmulas para sacar porcentajes, promedios, filtrar.

Liga de github pages desplegando avance..

UX Diseño user centricity (cerca de las necesidades de los usuarixs).

TDD codificar los últimos test y resolver la última tercera parte de estos.

1. Documentación: Se dejo una guía en la carpeta de UX para documentar el proceso, no la ocuparon, cuidado con la atención al detalle. También al readme le hace falta la información sobre instalación y uso.
2. HTML: Estilo htmhint 5 errores, correr npm run htmlhint en consola git bash para detectar errores de sintáxis en html.
3. HTML correctitud validación en index.html tienen 10 errores y 3 warnings, aparte de correr htmlhint en consola validen la correctitud de su código antes de entregar en este link https://validator.w3.org/. Esto dentro de la carpeta src. Se los estoy tomando en cuneta porque a pesar que están usando la plantilla no quitaron los archivos que ya no eran necesarios de la carpeta src.
4. Es valido usar plantilla aunque nos parce importante recalcar que en la medida que usen distintas herramientas para resolver los distintos retos que se les presentan también será su responsabilidad entender bien a bien las implicaciones técnicas que esto tiene en su proyecto. Por ejemplo la plantilla usa bower, gulp, less, sería importante que entendieran para que se utilizan estas herramientas especçíficamente y por qué elegir este stack de tecnología en su conjunto. Esto porque sino los huecos de conocimiento pudieran ser importantes en las áreas que cubre la plantilla, como html y css, y si nios llegaran a preguntar tenemos que denotar dominio de las herramientas que ocupamos. En este momento me encuentro sin elementos para evaluar su nivel de entendimiento en partes como DRY, 5. 5. HTML Semántica/Arquitectura de información: cuidado! En el archivo src/index.html están anidando una etiqueta body dentro del body, sólo debería de existir una etiqueta body.
5. Github: Encontramos issues pero no milestones, hubo un taller con Alexandra para estos temas en github. Pongan atención en este punto de la rúbrica para llegar al nivel, no tiene mucha dificultad y les ayudará a su planificación.
6. Git: Buscar un estándar de escritura "los commits deben ser chicos y fácilmente abordables por un tercero", (ej. agrega funcion computeStudentsStats, agrega estilo de login, cambia insights de ux en readme) ustedes deberían llegar a un acuerdo al iniciar sus próximos proyectos para este tema. También buscamos que sean atómicos, que hagan cambios en bloque, que haya unidades de trabajo en cada commit.
7. Responsive: Veo que han puesto atención en el concepto de responsive, vale la pena aclarar que no es lo mismo un diseño adaptativo que se adapta a las distintas pantallas de diferentes dispositivos, al responsivo, que piensa en el diseño para cada una de las pantallas, lo cuál implica distintas necesidades. Mobile se consigue, pero en tamaño tablet ya resultan demasiado pequeñas las dimensiones.
   UX:
8. Tipografía y color: Se espera que se modifiquen los valores por default de la fuente tipográfica y se usen las tipografías y composiciones de color de la marca.

*Tener cuidado con rutas de imagenes en README (imagenes/home1.1.png o ./imagenes/home1.1.png) si solo dejamos el /imagenes/home1.1.png no identifica que esa carpeta esta a la misma altura.

• Sigan trabajando tan duro cómo hasta ahora, no pierdan de vista los puntos de mejora de este proyecto y dediquen tiempo en este nuevo proyecto a los partes más flojas de este para ir adquiriendo todas las habilidades necesarias. Cualquier duda que tengan escríbanme sin falta! Saludos.

UI progreso del diseño entregado la semana previa.

Liga de github pages desplegando avance..

JS manipulación y visualización de data en dos niveles: sedes y generaciones, aplicando xhr/fetch y DOM.

• UX Entrega de sketching con feedback aplicado.
• UX Entrega de argumentación de la selección de elementos en Visual Design, documentado en README..

TDD resolver una tercera parte de los test.

TDD Pasar dos terceras partes de los test.