Bootcamp Integral de Diseño Web

Icono Diseño Web

Aprende a construir sitios web modernos y receptivos dominando HTML5, CSS3 y JavaScript. ¡Conviértete en desarrollador front-end en tan solo 12 semanas!

Módulo 1 — HTML5 Semántico

Objetivos del módulo

  • Comprender la estructura básica de un documento HTML5.
  • Utilizar etiquetas semánticas para mejorar accesibilidad y SEO.
  • Optimizar imágenes y recursos multimedia.
  • Construir formularios interactivos y accesibles.

Temario

  • Estructura del DOM y árbol de accesibilidad.
  • Etiquetas semánticas: header, nav, main, article, section, footer.
  • SEO técnico: metadatos, micro-datos y Open Graph.
  • Formularios, validación nativa y mejores prácticas.

Módulo 2 — CSS3 & Responsividad

Objetivos del módulo

  • Diseñar layouts flexibles con Flexbox y CSS Grid.
  • Crear componentes UI reutilizables utilizando variables y funciones.
  • Aplicar animaciones y transiciones fluidas.
  • Implementar diseño responsive y mobile-first.

Temario

  • Box Model, unidades modernas (rem, vh, fr).
  • Flexbox: alineación, distribución y ordenamiento.
  • CSS Grid: áreas, auto-placement y sub-grids.
  • Media Queries & container queries.
  • Pre-procesadores (Sass) y metodología BEM.

Módulo 3 — JavaScript Moderno

Objetivos del módulo

  • Entender la sintaxis ES6+ y la programación orientada a objetos.
  • Manipular el DOM y manejar eventos.
  • Consumir APIs REST usando fetch.
  • Construir aplicaciones SPA con JavaScript nativo (sin frameworks).

Temario

  • Variables, funciones flecha y destructuración.
  • Promesas, async/await y manejo de errores.
  • Fetch API & CORS.
  • Organización del código en módulos ES y técnicas de carga dinámica.

Módulo 4 — Portafolio Personal & Despliegue en AWS

Objetivos

  • Diseñar y desarrollar un portafolio personal profesional.
  • Implementar buenas prácticas de accesibilidad, rendimiento y SEO.
  • Configurar dominio y alojamiento estático en AWS (S3 + CloudFront).
  • Automatizar el flujo de despliegue continuo con AWS Amplify o GitHub Actions.