En el día de hoy comenzamos la jornada con un bloque de trabajo en grupo, continuamos con el ejercicio que nos dieron la clase anterior. En esta ocasión discutimos respecto a la estructura que tendría que tener la página dónde pondríamos nuestra información personal, lo cual no habíamos alcanzado a discutir con anterioridad.
A pesar de que el tiempo que estuvimos en la cesión fue relativamente corto (para un trabajo en grupo de esta envergadura), pudimos avanzar lo suficiente como para ya visualizar en gran parte el resultado final (en cuanto a diseño y parametros generales se refiere).
Luego de 90 min de trabajo grupal y posterior break, continuamos con el segundo bloque de la jornada, ahora tocaba trabajar con css grid nuevamente, pero esta vez con un agregado; el responsive.
El diseño responsive es en la actualidad una materia fundamental en el área, más aún si se trata directamente con diseño de interfaces, hoy tuvimos una buena introducción a los media query, técnica empleada para crear interfaces responsive en la web.
Luego de la exposición, se nos encomendaron 2 nuevas tareas en el marco del ejercicio 13, crear una página con grid «escalonado», y una página con un grid responsivo.
Una vez dada la tarea, comencé creando en mi local las carpetas correspondientes al ejercicio, para ahorrar recursos, cree 2 archivos html que enlazaban a la misma hoja de estilos, aproveché de reciclar «lineas» de código (DRY), algo que se vuelve un requisito cuando los proyectos se escalan y la estructura y arquitectura son fundamentales para evitar la deuda técnica.
Conclusión
En resumen, hoy fue muy productivo el tiempo en clases, tuvimos la oportunidad de avanzar en nuestro proyecto grupal y luego aprender más sobre como estructurar layouts responsive con CSS grid (el cual es muy muy poderoso, y luego de cierto tiempo trabajando con el, aún puedo descubrir cosas y sorprenderme que pueden abren un mundo de posibilidades).