HACK A BOSS
FormaciónEvaluacionesPerfil
Volver
  • En directo

CSS3: Fundamentos y Layouts

12h de clase en directo·HACK A BOSS·Español

Skills que aprenderás

  • CSS

Convocatorias

Necesitas un plan activo

Para acceder a los cursos en directo necesitas un plan activo. Estamos trabajando para que los planes estén disponibles pronto — ¡mantente atento!

No hay convocatorias abiertas ahora mismo, pero no te pierdas la oportunidad: guarda este curso y te avisamos en cuanto se abra una convocatoria.

Descripción

Objetivos

Temario

Requisitos técnicos

Conocimientos previos

Detalles de la convocatoria

Recursos

No hay recursos disponibles todavía para esta convocatoria

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)