Fundamentos de Desarrollo Web

Curso introductorio orientado a comprender la estructura de la web y construir páginas estáticas con buenas prácticas de organización, accesibilidad y estilo.

Nivel: Introductorio Duración: 4 semanas

Objetivos

Comprender cómo funciona la web (cliente/servidor, HTTP, rutas).
Construir páginas con HTML semántico y buenas prácticas.
Aplicar estilos con Tailwind usando un sistema de tokens.
Organizar un proyecto en Astro con contenido en Markdown.

Prerrequisitos

Manejo básico de archivos y carpetas
Lectura mínima de documentación (deseable)

Temario

Módulo 1 · Bases de la Web

Cómo viaja una solicitud (request/response)
HTTP, rutas y recursos estáticos
Estructura mínima de un sitio

Módulo 2 · HTML y Accesibilidad

HTML semántico
Estructura de contenido
Accesibilidad básica (focus, contraste, etiquetas)

Módulo 3 · Estilos y Sistema Visual

Tailwind: utilidades y composición
Tokens de marca
Layouts consistentes (max-width, spacing)

Módulo 4 · Astro + Contenido

Pages, layouts y components
Content collections
Estructura de cursos y recursos

Recursos

Documentación oficial de Astro

Referencia principal para layouts, routing y content collections.

Documentación oficial de Tailwind CSS

Clases utilitarias y configuración del sistema de diseño.

Descripción

Enfoque del curso

Este curso prioriza la comprensión y la práctica guiada. La meta es que al finalizar puedas leer y modificar un sitio estático con seguridad, manteniendo consistencia visual y estructura clara.

Resultados esperados

Al finalizar, deberías poder:

Crear páginas con estructura semántica.
Estilizar con un sistema de tokens coherente.
Agregar contenido nuevo mediante archivo