image.png

techSchool2.png

duoc.png


🧑‍🏫 Bienvenida e Introducción al Taller

¡Hola a todas y todos! 👋

Bienvenidos al Taller de Creación de Portafolio con Tailwind CSS, una instancia pensada para que cada uno de ustedes pueda dar sus primeros pasos en el desarrollo web visual moderno y construir una presencia digital profesional desde cero.

Antes de comenzar a escribir código, es fundamental que tengamos una base clara de algunos conceptos esenciales que les permitirán comprender no solo qué están haciendo, sino por qué lo hacen. Aprender a usar Tailwind CSS correctamente no se trata solo de copiar clases, sino de entender cómo cada clase representa una decisión visual y funcional sobre nuestro sitio web.


🔑 Conceptos Previos que Debes Conocer

1. ¿Qué es HTML?

image.png

El HTML (HyperText Markup Language) es el lenguaje de marcado que usamos para construir la estructura de una página web. Es como el esqueleto: define qué es un título, un párrafo, una imagen o un botón.

image.png

image.png

2. ¿Qué es CSS?

El CSS (Cascading Style Sheets) es el lenguaje que usamos para definir el diseño visual: colores, tamaños, márgenes, bordes, fuentes, etc. Sin CSS, toda la web se vería en blanco y negro y sin estilo.

image.png

image.png

3. ¿Qué es Tailwind CSS?

Tailwind es un framework de CSS utilitario, lo que significa que no escribes reglas personalizadas, sino que usas clases predefinidas que hacen una sola cosa y la hacen bien. Es como tener un set de LEGO para diseñar cualquier interfaz rápidamente.

image.png