Índice del Curso
CSS
- Sesión 04 - Introducción a CSS — Selectores, propiedades y formas de incluir CSS
- Sesión 06 - CSS Box Model y Reset CSS — CSS Reset, box-sizing y el modelo de caja
- Sesión 07 - CSS: border-radius, box-shadow y height — Esquinas redondeadas, sombras y unidades de altura
- Sesión 08 - CSS Flexbox — Modelo de diseño flexible para layouts modernos
- Sesión 09 - Actividad de Maquetación con Flexbox — Práctica de maquetación: flex-grow, flex-basis, flex-shrink y :hover
- Sesión 10 - Corrección de la Actividad MWC — position: fixed, variables CSS, pseudo-clases y backdrop-filter
- Sesión 11 - Introducción a CSS Grid — Sistema de maquetación bidimensional con CSS Grid Layout
- Sesión 12 - CSS Grid Declarativo: grid-template-areas — Enfoque declarativo de CSS Grid con grid-template-areas y grid-area
- Sesión 13 - CSS Positioning — Posicionamiento CSS: static, relative, absolute, fixed y sticky
- Sesión 14 - CSS Transitions, Transforms y Animations — Animaciones y transformaciones en CSS
- Sesión 15 - Responsividad en Diseño Web — Diseño web responsivo: media queries, mobile-first y desktop-first
JavaScript
- Sesión 17 - Introducción a JavaScript — Introducción al lenguaje de programación JavaScript, tipos de datos, operadores, variables, estructuras de control y funciones
- Sesión 18 - JavaScript: DOM, Arrays y forEach — Manipulación del DOM, eventos, colecciones y arrays con forEach
- Sesión 19 - JavaScript: Contenido del DOM y Temporizadores — Manipulación de contenido del DOM y temporizadores con setTimeout
- Sesión 20 - JavaScript: El objeto Date y Librerías de Terceros — Objeto Date, timestamps, conversión de unidades de tiempo y librerías de terceros
- Sesión 21 - Corrección de la Cuenta Atrás y Presentación de la Práctica — Revisión de errores comunes en proyectos de cuenta atrás y presentación de la práctica TripPlanner+
- Sesión 22 - JavaScript: Promesas, `fetch` y `async/await` — Programación asíncrona: promesas, fetch API, .then()/.catch() y async/await
- Sesión 23 - Chat con Gemini desde Frontend — Construir un chat interactivo en el navegador consumiendo la API de Gemini
- Sesión 24 - Propagación de Eventos: bubbling, `stopPropagation` y `stopImmediatePropagation` — Propagación de eventos en el DOM: bubbling, stopPropagation y stopImmediatePropagation