Construir un portafolio web con HTML y CSS es la mejor forma de aplicar lo aprendido en el primer módulo y mostrar tu trabajo de manera profesional. Este proyecto crece contigo: empiezas con una base sencilla y, módulo a módulo, lo transformas en una pieza lista para compartir.

¿En qué consiste el proyecto final del primer módulo?

El reto es tomar un archivo HTML base, disponible en los recursos de la clase, y aplicarle los estilos CSS que ya dominas. La idea es que cada módulo sume capas nuevas a ese mismo proyecto hasta convertirlo en un portafolio completo donde puedas exhibir cada uno de los proyectos que termines en Platzi.

Lo interesante es que no se trata de copiar y pegar. Aquí lo que cuenta es tu criterio: tú decides cómo se ve, qué colores usar y qué tipografías representan mejor tu estilo.

¿Qué es un portafolio web? Es un sitio personal donde muestras tus proyectos, habilidades y estilo profesional. Funciona como tu carta de presentación digital ante reclutadores y clientes.

¿Cómo personalizar tu portafolio con CSS?

La instrucción es clara: parte del HTML base y aplícale solo los estilos que aprendiste en el módulo uno. No hace falta que repliques exactamente la versión del profesor; al contrario, la consigna es que el resultado se sienta tuyo.

Puedes intervenir varios aspectos visuales para imprimirle personalidad:

• Tipografías distintas a las del ejemplo.
• Paletas de color que conecten con tu marca personal.
• Dimensiones y proporciones diferentes en los bloques.
• Espaciados y márgenes ajustados a tu gusto.

La meta es plasmar lo que sabes de CSS hasta este punto y entrenar el ojo para tomar decisiones de diseño.

¿Qué recursos necesitas para empezar?

En la sección de recursos de la clase encuentras dos archivos clave que te ahorran tiempo de configuración:

• El HTML base sobre el que vas a trabajar.
• Los estilos de referencia que usó el profesor en su versión.

Descárgalos, ábrelos en tu editor y empieza a iterar. Recuerda que la referencia es solo eso: un punto de partida, no un destino.

¿Tengo que copiar el diseño del profesor? No. La idea es que uses el HTML base y apliques tus propios estilos en CSS para que el portafolio refleje tu trabajo y tus preferencias visuales.

¿Por qué iterar el portafolio módulo a módulo?

Trabajar el mismo proyecto a lo largo del curso tiene una ventaja enorme: ves tu progreso en tiempo real. Cada vez que aprendas una técnica nueva en CSS, regresas al portafolio y la incorporas. Así, lo que empieza como una página simple termina siendo un sitio profesional listo para compartir.

Este enfoque iterativo también te enseña algo que va más allá del código: cómo evolucionar un producto sin empezar de cero cada vez. Aprendes a refactorizar, a mejorar y a sumar funcionalidades sobre una base existente.

Cuando termines tu versión del primer módulo, compártela en los comentarios. Me encantaría ver cómo quedó tu portafolio y qué decisiones de diseño tomaste para hacerlo tuyo.