Curso de BEM - Metodología para CSS (Básico y rápido)
por Víctor Robles
Introduce la metodología BEM (Bloque, Elemento, Modificador) para escribir CSS organizado y mantenible, con un repaso previo de CSS básico y ejemplos prácticos.
Recomendado, valoración editorial 4 de 5
verificado 2026-10-01 — sigue siendo gratis en Udemy
Empezar en UdemyRespuesta rápida
Curso gratis de Programación de nivel principiante en Udemy impartido por Víctor Robles (43 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 1 de octubre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Personas que ya conocen algo de HTML y CSS y quieren aprender a organizar y nombrar sus estilos con la metodología BEM.
- Nivel
- Principiante
- Duración
- 43 min · 6 lecciones
- Precio
- Gratis en Udemy
- Autor
- Víctor Robles
- Plan sugerido
- 1 sem. · 1.5 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Curso corto y directo para aprender las bases de BEM con un repaso previo de CSS. Útil como primera introducción para principiantes con algo de HTML y CSS; no pretende ir más allá de lo básico.
Puntos fuertes
- Duración breve (43 minutos), apta para una primera toma de contacto.
- Progresión clara: introducción, repaso de CSS y después BEM.
- La descripción indica que incluye ejemplos prácticos y ejercicios complementarios.
A tener en cuenta
- Solo cubre lo básico de BEM; no se menciona un proyecto completo.
- No consta el año de publicación.
- Los capítulos listados son pocos y generales, así que el detalle por lección es limitado.
De qué trata
Curso breve de unos 43 minutos y 6 lecciones que introduce la metodología BEM para organizar y nombrar estilos CSS. Se estructura en tres bloques: una introducción, un repaso de CSS básico y la parte central dedicada a BEM en CSS.
Explica los conceptos de Bloque, Elemento y Modificador y las convenciones de nombres que facilitan mantener y escalar los estilos. Según la descripción, incluye ejemplos prácticos y ejercicios complementarios, y parte desde cero en BEM, aunque conviene tener una base de HTML y CSS.
- Metodología BEM: Bloque, Elemento, Modificador
- Repaso de CSS básico
- Convenciones de nombres para CSS
- Ejemplos prácticos y ejercicios
Para quién es este curso
- Personas que ya conocen algo de HTML y CSS y quieren aprender a organizar y nombrar sus estilos con la metodología BEM.
- Diseñadores y desarrolladores front-end principiantes que quieren adoptar buenas prácticas de nomenclatura en CSS.
Mejor busca otro si…
- Quien ya usa BEM a diario y busca casos avanzados o proyectos grandes.
- Quien parte de cero absoluto en HTML y CSS: conviene un curso de base antes.
Antes de empezar
- Se recomienda una base de HTML y CSS, aunque no hace falta saber nada de BEM.
Qué sabrás hacer al terminar
- Entender qué es BEM (Bloque, Elemento, Modificador) y para qué sirve.
- Aplicar convenciones de nombres consistentes a bloques, elementos y modificadores.
- Escribir CSS más claro, organizado y fácil de mantener usando BEM.
- Repasar los fundamentos de CSS necesarios para aplicar la metodología.
Estructura del curso
- 01
Introducción al curso
Presentación del curso y de lo que se va a trabajar.
- 02
Repaso de CSS básico
Recordatorio de los conceptos básicos de CSS necesarios para seguir la parte de BEM.
- 03
BEM en CSS
Explicación de la metodología BEM (Bloque, Elemento, Modificador) y su aplicación en los estilos, con ejemplos prácticos.
Capítulos del vídeo
- 01Introducción al curso
- 02Repaso de CSS básico
- 03BEM en CSS
Plan de estudio sugerido
1 semana · unas 1,5 h por semana
- 1.Sesión 1: ve la introducción y el repaso de CSS básico; anota lo que no recuerdes y refuérzalo.
- 2.Sesión 2: ve el bloque de BEM en CSS y reproduce los ejemplos en tu editor.
- 3.Sesión 3: aplica BEM a una página tuya sencilla, nombrando bloques, elementos y modificadores.
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 pausa en cada ejemplo de BEM para renombrar clases por tu cuenta.
- Si el repaso de CSS se te queda corto, haz una pausa y refuerza esa base antes de pasar al bloque de BEM.
- Practica con una página que ya tengas: reescribe sus clases siguiendo Bloque, Elemento y Modificador.
Antes y después de este curso
- Antes de este cursoCURSO DE CSS COMPLETO: De Principiante a Front-EndRefuerza la base de CSS antes de aplicar una metodología de organización de estilos.
- Antes de este cursoDesarrollo Web con HMTL, CSS y Bootstrap 4! Curso desde ceroOfrece la base de HTML y CSS desde cero que conviene tener.
- Después de este cursoCurso de FlexBox desde 0Complementa con maquetación CSS usando las clases ya organizadas.
Cómo lo presenta Víctor Robles
Aprende la metodología BEM de CSS3 y da tus primeros pasos en la maquetación web avanzada. Mejora tus estilos CSS
¿Alguna vez te has preguntado cómo organizar y dar estilos a una página web de manera eficiente y mantenible? No te preocupes, estás en el lugar correcto. Bienvenido al curso básico de la metodología BEM de CSS (para principiantes), en el que vas a aprender paso a paso las bases de…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Necesito saber BEM antes de empezar?
No. La descripción indica que se enseña desde cero, aunque es beneficioso tener una base de HTML y CSS.
+¿Cuánto dura?
Unos 43 minutos repartidos en 6 lecciones, así que se puede completar en una o dos sesiones.
+¿Qué se aprende exactamente?
La metodología BEM (Bloque, Elemento, Modificador), convenciones de nombres y un repaso de CSS básico.
+¿Qué puedo hacer después?
Puedes practicar BEM en tus propios proyectos y reforzar CSS con un curso más completo.
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 Víctor Robles; 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.