Este es mi proyecto realizado para la evaluación final del primer módulo del bootcamp de programación Front End en Adalab.
Materiales utilizados
Para realizar el trabajo he utilizado el Adalab Web Starter kit, un kit que "incluye un motor de plantillas HTML, el preprocesador SASS y un servidor local y muchas cosas más".
También he utilizado los materiales didácticos proporcionados por Adalab así como una carpeta personal con enlaces de interés.
Conocimientos demonstrados
A lo largo del primer módulo hemos adquirido una serie de conocimientos que he tratado de demostrar en este proyecto.
En primer lugar, la correcta maquetación de una página web utilizando html y css. En este proyecto, los primeros pasos han consistido en observar el modelo en Zeplin proporcionado por Adalab en el pdf del enunciado y crear el contenido html con una semántica correcta. A continuación he tratado de aplicar estilos a este contenido en css y aplicar algunas técnicas requeridas en el enunciado como maquetación grid y flexbos.
Algunas cosas más que hemos aprendido y que he tratado de aplicar en el proyecto han sido, por orden:
- utilización de variables SCSS
- anidamiento de estilos con SCSS
- transiciones y animaciones con CSS
- parciales de SCSS y html
- trabajo en ramas con github
- mixins
Conclusiones personales
He intentado aplicar algunos conocimientos de una manera que me permitiera ahorrar de tiempo, a pesar de las recomendaciones de los profesores de primero maquetar de manera sencilla y luego realizar las modificaciones más avanzadas. Este ha sido el caso con las variables de SCSS para colores y tipos de fuente y el anidamiento del código SCSS.
He aplicado a posteriori los parciales y mixins, llegando a la conclusión de que si los hubiera utilizado desde un principio, hubiera ahorrado mucho tiempo que he utilizado luego en revisar mi código, eliminar líneas redundantes con los mixins, etc. Sin embargo, supongo que esto es cuestión de adquirir unos hábitos y una percepción de similitudes entre bloques de código que aún no tengo suficientemente entrenada. En general, concluiría que este proyecto me ha supuesto una práctica de enorme utilidad para el asentamiento de los conocimientos aprendidos durante este módulo.