Boost Academy
LearningAssessmentsProfile
Back
  • Live

CSS3: Fundamentos y Layouts

12h of live classes·HACK A BOSS·Spanish

Skills you will learn

  • CSS

Schedules

You need an active plan

To access live courses you need an active plan. We're working on making plans available soon — stay tuned.

There are no open calls right now, but don't miss out: save this course and we'll notify you as soon as a call opens.

Description

Learning objectives

Syllabus

Technical requirements

Prerequisites

Schedule details

Resources

No resources are available yet for this schedule

Este curso proporciona dominio práctico de CSS3 moderno, cubriendo desde los fundamentos del lenguaje hasta la construcción de layouts responsive profesionales con Flexbox y Grid. Dirigido a desarrolladores web que necesitan crear interfaces adaptables y mantenibles sin dependencias de frameworks CSS. Al finalizar, el participante construirá estructuras de página completas aplicando buenas prácticas de escalabilidad y estrategia mobile-first.

Al finalizar el curso, el participante será capaz de:

  • Aplicar correctamente cascada, herencia y especificidad en CSS
  • Implementar layouts unidimensionales con Flexbox de forma eficiente
  • Construir estructuras bidimensionales con CSS Grid
  • Desarrollar interfaces responsive usando media queries y estrategia mobile-first
  • Implementar tipografía y espaciado responsive para diferentes dispositivos
  • Integrar componentes responsive combinando Flexbox y Grid con criterios de mantenibilidad y escalabilidad
  1. Fundamentos de CSS3 — Sintaxis, selectores, cascada, herencia, especificidad, box model, unidades de medida
  2. Flexbox: Layouts Unidimensionales — Contenedores flex, propiedades de ítems, alineación, distribución de espacio, casos de uso prácticos
  3. CSS Grid: Layouts Bidimensionales — Definición de grid, tracks, áreas, posicionamiento de elementos, grid implícito vs explícito
  4. Diseño Responsive con Media Queries — Breakpoints, mobile-first, estrategias de adaptación, viewport, unidades relativas
  5. Tipografía y Espaciado Responsive — Sistema tipográfico escalable, line-height, espaciado vertical, clamp() y funciones CSS modernas
  6. Integración Flexbox y Grid — Componentes complejos, patrones de layout híbridos, nested grids, casos reales de interfaz
  • Editor de código (Visual Studio Code recomendado, versión 1.70 o superior)
  • Navegador web moderno (Chrome 100+, Firefox 100+, Safari 15+ o Edge 100+)
  • Extensión Live Server o similar para previsualización en tiempo real
  • Conocimientos básicos de HTML5 (estructura de documento, etiquetas semánticas)
  • Familiaridad con navegadores web y herramientas de desarrollo (DevTools)
  • Comprensión de conceptos fundamentales de diseño web (no se requiere experiencia previa en CSS)