Durante los 7 Días de HTML y CSS, practicarás la esencia del Front-end. Utilizarás todos tus conocimientos de HTML y CSS para desarrollar una página real basada en un diseño en Figma, algo que seguramente tendrás que hacer en tu día a día en el mercado laboral. Utilizarás conceptos básicos como 'div', 'section', inline para imágenes, medidas responsivas en CSS, así como cosas más avanzadas como Flexbox, Grid y muchas otras, cosas que cualquier persona que ingrese al campo de Front-end necesita conocer. Después de practicar estos conceptos durante 7 días consecutivos, verás que recordar la sintaxis de cada etiqueta y comprender para qué sirve cada una dejará de ser una dificultad y podrás centrarte más en resolver problemas
- Día 1 En el primer día, se te presentará el diseño de una página en Figma, lo analizarás y lo utilizarás para crear el encabezado de tu página, que incluye un logotipo, enlaces a otras páginas y algunos botones.
- Día 2 Aquí desarrollarás la segunda sección de la página, que es un "Acerca de nosotros", algo muy básico y presente en la mayoría de las páginas de empresas. En esta sección, tendrás diferentes partes de texto, cada una con un tamaño, color y alineación diferentes.
- Día 3 En este día, trabajarás mucho con la alineación en CSS, ¡y los conocimientos de Flexbox o Grid te facilitarán mucho la vida! La sección se llama "Métricas y resultados" y contiene 4 bloques de texto uno al lado del otro, cada uno con diferentes bloques internos.
- Día 4 ¡Ha llegado el momento de jugar con las imágenes, la pesadilla de muchas personas! En esta sección, tendrás algunas partes de texto y una imagen ilustrativa que deberá alinearse correctamente. El uso de medidas responsivas será algo que te ayudará mucho.
- Día 5 Este probablemente será el día más desafiante, ya que desarrollarás la sección de "Vacantes" de la página, que contiene diferentes grupos de bloques agrupados y mucha información sobre las vacantes disponibles.
- Día 6 Ya casi llegando al final, desarrollarás la sección de "Testimonios", que implicará conocimientos sobre el cambio de color de fondo, el tamaño de las fuentes y la alineación del texto y las imágenes.
- Día 7 En el séptimo y último día del desafío, crearás la parte inferior de la página: el pie de página. Pero no es un pie de página cualquiera, contiene, entre otras cosas, un formulario para registrar correos electrónicos con un valor predefinido y también un botón, ¡ambos perfectamente alineados! ¡Terminarás con broche de oro!