Curso de FlexBox desde 0
por Erick Mines
Aprende Flexbox con diez reglas de oro, la propiedad order y preguntas de repaso para crear diseños web responsive con menos código CSS.
Recomendado, valoración editorial 4 de 5
verificado 2026-09-08 — sigue siendo gratis en Udemy
Empezar en UdemyRespuesta rápida
Curso gratis de Programación en Udemy impartido por Erick Mines (1 h 50 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 8 de septiembre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Personas que ya conocen lo básico de HTML y CSS y quieren aprender a maquetar con Flexbox.
- Duración
- 1 h 50 min · 17 lecciones
- Precio
- Gratis en Udemy
- Autor
- Erick Mines
- Plan sugerido
- 2 sem. · 3 h/sem.
- Verificado
- el 8 de septiembre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Curso breve y bien organizado alrededor de diez reglas numeradas, útil para aprender Flexbox de forma ordenada. Es adecuado para quien ya conoce HTML y CSS básicos. La falta de fecha y de detalle sobre proyectos limita la valoración.
Puntos fuertes
- Estructura clara: diez reglas numeradas, una por lección.
- Duración contenida (unas 110 minutos), apta para aprender una sola técnica.
- Incluye una lección de preguntas para comprobar lo aprendido.
A tener en cuenta
- El año de publicación no figura, así que no se puede valorar su actualización.
- Solo cubre Flexbox; no aborda otras técnicas de maquetación.
- La descripción es genérica y no detalla proyectos prácticos concretos.
De qué trata
Curso de unos 110 minutos y 17 lecciones que enseña a usar Flexbox en proyectos web a través de diez reglas de oro numeradas. Empieza con una introducción a Flexbox y dedica una lección a cada regla, de la 1 a la 10.
Después añade una regla adicional sobre la propiedad ORDER, una lección de preguntas para poner a prueba lo aprendido y un ccierre con el siguiente paso. Según la descripción, el objetivo es crear diseños propios, responsive y con hojas de estilo CSS más ligeras.
- 10 reglas de oro de Flexbox
- La propiedad order
- Diseños responsive con menos CSS
- Preguntas de repaso
Para quién es este curso
- Personas que ya conocen lo básico de HTML y CSS y quieren aprender a maquetar con Flexbox.
- Estudiantes de desarrollo web que buscan un curso corto y centrado en una sola técnica de diseño.
- Quien quiere crear diseños responsive con menos código CSS.
Mejor busca otro si…
- Quien nunca ha escrito HTML ni CSS y necesita aprender primero esos fundamentos.
- Quien busca también CSS Grid u otras técnicas de maquetación: el curso se centra en Flexbox.
Antes de empezar
- Nociones básicas de HTML y CSS (el curso trabaja directamente con propiedades CSS).
Qué sabrás hacer al terminar
- Crear diseños web propios usando Flexbox.
- Aplicar las 10 reglas de oro de Flexbox en proyectos web.
- Controlar el orden de los elementos con la propiedad order.
- Escribir hojas de estilo CSS más ligeras.
Estructura del curso
- 01
Introducción a Flexbox
Presentación del curso y de Flexbox como conjunto de propiedades CSS para crear interfaces web.
- 02
Reglas de oro 1 a 5
Primeras cinco reglas, que van introduciendo las propiedades de Flexbox de forma progresiva con ejemplos.
- 03
Reglas de oro 6 a 10
Segunda mitad de las reglas, que completa el conjunto de propiedades y comportamientos de Flexbox.
- 04
Regla adicional: la propiedad ORDER
Lección extra dedicada a la propiedad order para reordenar elementos.
- 05
Preguntas y siguiente paso
Cuestionario para poner a prueba lo aprendido y lección final con recomendaciones sobre cómo continuar.
Capítulos del vídeo
- 01Introducción a Flexbox
- 02Regla de oro N1 de FlexBox
- 03Regla de oro N2 de FlexBox
- 04Regla de oro N3 de FlexBox
- 05Regla de oro N4 de FlexBox
- 06Regla de oro N5 de FlexBox
- 07Regla de oro N6 de FlexBox
- 08Regla de oro N7 de FlexBox
- 09Regla de oro N8 de FlexBox
- 10Regla de oro N9 de FlexBox
- 11Regla de oro N10 de FlexBox
- 12Regla adicional: La magia de la propiedad ORDER
Ver los 2 restantes
- 13Preguntas: Ponemos a prueba lo aprendido
- 14El siguiente paso
Plan de estudio sugerido
2 semanas · unas 3 h por semana
- 1.Semana 1: introducción y reglas de oro 1 a 5; practica cada regla en un archivo HTML/CSS propio.
- 2.Semana 2: reglas 6 a 10 y la propiedad order; rehaz un diseño sencillo con Flexbox.
- 3.Al final: responde las preguntas de repaso y revisa las reglas que te hayan costado.
El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.
Consejos para seguirlo
- Escribe el código a la vez que el vídeo y prueba a cambiar los valores de cada propiedad para ver el efecto.
- Anota cada regla de oro con un ejemplo propio; son diez y conviene tenerlas como chuleta.
- Tras la regla adicional de ORDER, intenta reordenar elementos de una página tuya.
Antes y después de este curso
- Antes de este cursoCURSO DE CSS COMPLETO: De Principiante a Front-EndRefuerza los fundamentos de CSS antes de centrarte en Flexbox.
- Antes de este cursoCurso de HTML desde 0Útil si aún no dominas HTML, base para poder maquetar.
- Después de este cursoDesarrollo Web con HMTL, CSS y Bootstrap 4! Curso desde ceroPermite aplicar la maquetación en proyectos web más amplios con HTML, CSS y Bootstrap.
Cómo lo presenta Erick Mines
Comprendiendo 10 sencillas "Reglas de ORO" te enseñaremos a trabajar e implementar FLEXBOX en tus proyectos web.
¿DE QUÉ SE TRATA EL CURSO? Flexbox es una nueva forma de diseñar nuestros sitios web. Está conformado por un conjunto de propiedad de CSS pensadas en crear interfaces web. Nos permite ahorrar la escritura de muchas líneas de código CSS y obtener un mayor control del posicionamiento y…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Necesito saber CSS antes de empezar?
El curso trabaja con propiedades CSS desde el principio, así que conviene tener nociones básicas de HTML y CSS.
+¿Cuánto dura?
Unos 110 minutos repartidos en 17 lecciones. Con práctica propia, dos semanas a unas 3 horas semanales es un ritmo razonable.
+¿Qué cubre?
Diez reglas de oro de Flexbox, una regla adicional sobre la propiedad order, un cuestionario de repaso y una lección con el siguiente paso.
+¿Cubre CSS Grid?
Según los datos, no: el curso se centra en Flexbox.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en Udemy, y revisado según nuestro método. El contenido del curso es obra de Erick Mines; si ves algún error, avísanos.
Guías para sacarle partido
Más cursos de Programación
Agentic AI – Complete Course for Beginners
Curso de unas 24 horas para construir sistemas de agentes de IA con LangChain y LangGraph: Pydantic, flujos de trabajo, memoria, RAG y despliegue en AWS y Render.
Aprende Accesibilidad Web paso a paso
Introducción práctica a la accesibilidad web: pautas y leyes, contenido, navegación, diseño e interacción accesibles, relación con el SEO y evaluación de sitios.
Aprende Godot - Curso completo desde cero
Crea tu primer videojuego 3D en Godot 4 desde cero: escenas, nodos, GDScript, físicas, animaciones, sonido y exportación a .exe.
Aprende JavaScript Ahora! curso completo desde cero para principiantes
Curso de JavaScript desde cero: entorno, variables, tipos, operadores, control de flujo, diez ejercicios y objetos con funciones constructoras.