Diseño Web — Índice del Curso

Haz clic en cualquier semana para acceder a sus materiales, ejercicios y proyecto aplicado.

Las semanas marcadas con Parcial corresponden a evaluaciones integradoras del módulo.

Módulo 1 — Fundamentos HTML & CSS · Semanas 01 – 06

Semana 01

Introducción a HTML

Estructura semántica, etiquetas esenciales, formularios y la anatomía del documento web.

semántica etiquetas formularios

Semana 02

Fundamentos de CSS

Selectores, modelo de caja, tipografía, colores y los primeros estilos visuales.

selectores box model color

Semana 03

Diseño Responsivo

Media queries, viewport, unidades relativas y estrategia mobile-first para cualquier pantalla.

media queries mobile-first rem / em

Semana 04

Flexbox & CSS Grid

Sistemas de layout modernos: distribución flexible en una dimensión y grillas de dos ejes.

flexbox css grid layout

Semana 05

CSS Avanzado

Variables CSS, pseudo-clases, pseudo-elementos, transiciones, animaciones y efectos visuales.

variables @keyframes transform

Semana 06 · Parcial 1

Librerías CSS

Evaluación integradora. Proyecto con Bootstrap, Tailwind y otros frameworks de estilos.

evaluación bootstrap tailwind

Módulo 2 — JavaScript & Gráficos · Semanas 07 – 11

Semana 07

Introducción a JavaScript

Variables, tipos de datos, funciones, estructuras de control, DOM y manejo de eventos.

variables funciones DOM eventos

Semana 08

Three.js — Intro 3D

Escenas, cámaras, geometrías, materiales y luces. Primeros pasos con WebGL en el navegador.

three.js webgl 3d

Semana 09

Three.js en la Web

Integración de escenas 3D en páginas reales: scroll, interactividad y efectos avanzados.

three.js scroll interacción

Semana 10

Arte Creativo con p5.js

Programación creativa, generative art, canvas y visualizaciones interactivas con p5.js.

p5.js canvas generative

Semana 11 · Parcial 2

Visualización con D3.js

Introducción y uso de D3.js para la creación de visualizaciones de datos interactivas y dinámicas en la web.

visualización javascript d3.js

Módulo 3 — APIs & Frameworks · Semanas 12 – 16

Semana 12

Consumo de APIs

Fetch API, promesas, async/await y consumo de REST APIs para datos en tiempo real.

fetch async/await REST

Semana 13

Introducción a Vue.js

Reactividad, componentes, directivas y el sistema de templates del framework progresivo Vue 3.

vue 3 reactividad componentes

Semana 14

Vue.js Avanzado

Composition API, Vue Router, Pinia para gestión de estado y construcción de SPAs completas.

composition api router pinia

Semana 15

Experiencias Interactivas

Integración total: animaciones, 3D, APIs y Vue para construir experiencias web memorables.

integración gsap experiencias

Semana 16 · Parcial Final

Proyecto Final

Evaluación final integradora. Proyecto completo que demuestra todo el recorrido del curso.

proyecto final portafolio presentación