Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Desarrollo Web Frontend: HTML, CSS, Grid, Flexbox y BEM 2026

via Udemy

Overview

Crea sitios web modernos con HTML y CSS: Domina CSS Flexbox, CSS Grid y BEM. Crea diseños responsivos y optimiza con BEM

What you'll learn:
  • Lenguaje HTML y CSS
  • Estructurarás sitios web robustos y optimizados para SEO utilizando las etiquetas semánticas modernas de HTML5.
  • Dominarás los pilares de CSS3 (el modelo de caja, la cascada y la especificidad) para dejar de "pelear" con tus estilos y entender por qué las cosas se ven como
  • Construirás cualquier layout moderno que imagines, combinando la potencia bidimensional de CSS Grid con la flexibilidad unidimensional de Flexbox.
  • Crearás experiencias 100% Responsivas (Responsive Design) que se adaptan de forma fluida a dispositivos móviles, tablets y pantallas de escritorio.
  • Escribirás CSS limpio, escalable y mantenible utilizando la Metodología BEM, el estándar de la industria para trabajar en proyectos grandes y en equipo.
  • Desarrollarás una mentalidad de "Arquitecto CSS", aprendiendo a organizar tus archivos y clases de forma profesional desde el primer día.
  • Aplicarás todo lo aprendido en proyectos prácticos del mundo real, construyendo piezas clave para un portafolio de desarrollador Frontend sólido.

Aprende a maquetar sitios web modernos con estándares profesionales. No solo escribas código, ¡escribe arquitectura escalable!

¿Quieres iniciarte en el mundo del Desarrollo Web pero te sientes abrumado por tanta información? ¿Sabes algo de HTML y CSS pero tus estilos se vuelven un desastre cuando el proyecto crece?

Este no es otro curso básico de HTML. Este es un programa completo de formación Frontend diseñado para llevarte desde la primera etiqueta hasta la creación de sitios web complejos, responsivos y, lo más importante, bien estructurados.

Aprenderás no solo la sintaxis, sino la lógica detrás del diseño web moderno. Nos enfocaremos en las herramientas que usan los profesionales hoy en día: Flexbox para alineaciones unidimensionales, CSS Grid para maquetaciones complejas en 2D, y la metodología BEM (Block Element Modifier) para mantener tu código CSS limpio, reutilizable y escalable.

¿Qué hace único a este curso? Muchos cursos te enseñan a "que las cosas se vean bien". Aquí te enseñamos a que las cosas se vean bien y que el código por detrás sea impecable, preparándote para trabajar en equipo o dar el salto a frameworks como React, Vue o Tailwind CSS en el futuro.

Contenido destacado:

  • HTML5 Semántico: Estructura tus webs para que sean accesibles y amigables con el SEO (Google).

  • CSS3 a Fondo: Modelo de caja, especificidad, cascada y selectores avanzados.

  • Maquetación Moderna: Olvida los floats. Domina Flexbox y CSS Grid para crear cualquier diseño que imagines.

  • Responsive Design: Aprende a usar Media Queries para que tus sitios se adapten a móviles, tablets y monitores grandes.

  • Metodología BEM: Aprende el estándar de la industria para nombrar clases. Nunca más tendrás conflictos de estilos en tus proyectos.

  • Proyectos Prácticos: Pondremos todo en práctica creando sitios web reales desde cero.

Este curso es para ti si:

  • Eres principiante y quieres aprender desarrollo web de la forma correcta.

  • Ya conoces algo de CSS pero luchas para centrar elementos o crear columnas.

  • Quieres preparar una base sólida antes de aprender JavaScript o Frameworks.

Inscríbete ahora y construye los cimientos sólidos que tu carrera como desarrollador necesita. ¡Nos vemos en el código!


Syllabus

  • Introducción
  • Primeros pasos en la Web
  • Introducción a HTML
  • Estructura de una página
  • Etiquetas multimedia
  • Introducción a CSS
  • Posicionamiento de elementos - Clon de Google
  • CSS Flexbox - Clon de Yahoo!
  • Portafolio Perosonal - Proyecto completo desde cero con Flexbox
  • CSS Grid
  • CAFETERIA - Proyecto completo desde cero con Grid
  • Responsive Web Design
  • Desktop First para proyectos de Portafolio y Cafetería
  • Landing Page LogiProX - Proyecto completo desde cero con MobileFirst
  • Fundamentos de BEM - Proyecto completo usando BEM
  • Despliegue de Aplicaciones en Netlify

Taught by

Alex Roel ChB

Reviews

4.8 rating at Udemy based on 133 ratings

Start your review of Desarrollo Web Frontend: HTML, CSS, Grid, Flexbox y BEM 2026

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.