En la sesión de hoy nuevamente empezamos con una sesión grupal destinada al proyecto de nuestra landing page grupal (valga la redundancia). Empezamos viento en popa cuando dispusimos del archivo compartido en Adobe XD y todos nos abocamos a hacer nuestras páginas individuales y crear la versión responsive (menú y layout) de las páginas interiores.
En el transcurso del tiempo fuimos iterando varias veces el aspecto del layout y detalles que hicieran la diferencia. ya vamos llegando a una versión final que nos deje satisfechos todos pero aún se vienen cambios en varios sectores más (no puedo afirmar cuales exactamente, a veces las ideas cobran vida y se escabullen hasta no dejarte tranquilo). La guía de estilos aún es muy rústica pero nos ayudó mucho para enmarcar los cambios que estuvimos considerando.
La segunda parte consistió en la creación de un componente, concretamente una «card» (término general para llamar a ese componente que agrupa el contenido del pérfil de usuario).
Hay muchas maneras de componer este elemento pero la expuesta en clases es una de las estrcuturas que más customización permite para moldear su estrcutura (la img en un div aparte al mismo nivel del contenedor de los datos, estos datos a su vez separados en una segunda linea de contenedores, etc)
El resultado fue bastante bueno, lo que da a pie a una serie de conjugaciones, dónde con una estructura similar, se puedan crear variadas versiones de la card, y se pueda extrapolar a muchos otros componentes cuya función sea la de exponer información de un determinado objeto (productos, descripciones, etc).
https://www.frontendmentor.io/challenges/profile-card-component-cfArpWshJ
Conclusión.
En síntesis, hoy nuevamente fue una clase práctica dónde pudimos poner a prueba los conocimientos que ya llevamos tiempo adquiriendo y asimilando. Si bien la teoría es necesaria para empezar, la práctica nos llevará a alcanzar el nivel requerido y explotar estas nuevas habilidades.