Temario y recursos del Curso de Diseño Web con CSS Grid y Flexbox
Temario del Curso de Diseño Web con CSS Grid y Flexbox
Conceptos que forman parte del diseño en CSS
- La importancia de recordar las herramientas existentes
- Flujo normal del documento: Display block, inline e inline-block
- Contextos de formato: Formato de Contexto de Bloque (BFC)
- Posicionamiento + Dinámica: ¿Cómo se vería?
¿Flexbox o CSS Grid?
- Diferencias entre Flexbox y CSS Grid
- Similitudes entre Flexbox y CSS Grid
- ¿Puedo trabajar con Flexbox y CSS Grid al tiempo?
- Dinámica: ¿Qué usarías? (Parte 1)
- Dinámica: ¿Qué usarías? (Parte 2) + Reto
- ¿Cuándo usar Flexbox y cuándo usar CSS Grid?
Modern Layouts con CSS Grid
- ¿Qué son los Modern CSS Layouts?
- Patrones para usar como punto de partida
- Layouts: Super Centered, The Deconstructed Pancake, Sidebar Says, Pancake Stack, Classic Holy Grail Layout
- Layouts: 12-Span Grid, RAM (Repeat, Auto, MinMax), Line Up, Clamping My Style, Respect for Aspect
Diseño web para desarrolladores
- Dinámica: No puedo dejar de ver
- Design System y detalles visuales a tener en cuenta
- Tendencias de diseño UI/UX: Fase de inspiración y creatividad
- Wireframes y comunicación visual simple, intuitiva y atractiva
- Figma para devs: Auto Layout y Neumorphism (Parte 1)
- Figma para devs: Auto Layout y Neumorphism (Parte 2)
Para este curso vas a necesitar
3 Horas de contenido
14 Horas de práctica
Para este curso vas a necesitar
3 Horas de contenido
14 Horas de práctica
Conceptos que forman parte del diseño en CSS
- La importancia de recordar las herramientas existentes
- Flujo normal del documento: Display block, inline e inline-block
- Contextos de formato: Formato de Contexto de Bloque (BFC)
- Posicionamiento + Dinámica: ¿Cómo se vería?
¿Flexbox o CSS Grid?
- Diferencias entre Flexbox y CSS Grid
- Similitudes entre Flexbox y CSS Grid
- ¿Puedo trabajar con Flexbox y CSS Grid al tiempo?
- Dinámica: ¿Qué usarías? (Parte 1)
- Dinámica: ¿Qué usarías? (Parte 2) + Reto
- ¿Cuándo usar Flexbox y cuándo usar CSS Grid?
Modern Layouts con CSS Grid
- ¿Qué son los Modern CSS Layouts?
- Patrones para usar como punto de partida
- Layouts: Super Centered, The Deconstructed Pancake, Sidebar Says, Pancake Stack, Classic Holy Grail Layout
- Layouts: 12-Span Grid, RAM (Repeat, Auto, MinMax), Line Up, Clamping My Style, Respect for Aspect
Diseño web para desarrolladores
- Dinámica: No puedo dejar de ver
- Design System y detalles visuales a tener en cuenta
- Tendencias de diseño UI/UX: Fase de inspiración y creatividad
- Wireframes y comunicación visual simple, intuitiva y atractiva
- Figma para devs: Auto Layout y Neumorphism (Parte 1)
- Figma para devs: Auto Layout y Neumorphism (Parte 2)