Skip to content
UdemyWeb DevelopmentPaid courseAll LevelsCertificate

CSS La Guía Completa - Flexbox, CSS Grid, SASS +20 proyectos (Udemy.com)

Aprende Flexbox, CSS Grid, Custom Properties, SASS, Mixins, Gulp Workflows, Animaciones, RWD y mucho más!

Created by: Juan Pablo De la torre Valdez

Last updated August 2026

icon
What you will learn

  • Crear sitios web utilizando Flexbox y Grid
  • No solamente veremos Flexbox y Grid, en este curso aprenderás otras tecnologías como Gulp, SASS, Fetch API, NPM, Variables CSS y más!
  • Integrar herramientas modernas a tu trabajo como desarrollador y ver como se unen unas con otras como las mencionadas anteriormente.
  • Diferenciar cuando es bueno utilizar Flexbox y cuando es bueno Grid (aunque no son excluyentes uno del otro)

icon
Course Description

Aprende CSS paso a paso creando Proyectos Reales!

En el primer video del curso podrás ver todos los proyectos que vamos a construir en este curso.

Si nunca has escrito una sola línea de Código HTML y CSS este curso es para ti, incluso si quieres profundizar y dominar las nuevas formas de crear layouts como son Flexbox, CSS Grid, Propiedades Lógicas este curso es para ti.

Si alguno de estos temas es nuevo para ti lo aprenderás en este curso:

  • Flexbox y CSS Grid

  • Logical Properties

  • BEM

  • Unidades y Medidas

  • Responsive Web Design con Mobile First

  • Media Queries

  • HTML: etiquetas, formularios, imágenes, videos, etc.

  • Custom Properties

  • Gulp Workflows

  • SASS - Mixins, Variables, Funciones  y todo lo necesario para dominar SASS

  • BEM con SASS

  • Animaciones, Transiciones y Transformaciones

  • Optimización de Sitios Web.

  • Imágenes Webp y Avif

Algunos Proyectos incluidos en este curso.

  • Sitio web para un Ecommerce

  • Sitio web para Audifonos

  • Plataforma de Podcast

  • App de Delivery

  • App Bancaria

  • Sitio web de cafeteria

  • Salón de Belleza

  • Empresa de venta de casas

  • Arquitectura

  • Clon de AirBnb

  • Clon de Meetup

  • Entre otros proyectos

Recuerda que puedes ver los proyectos finalizados en el primer video del curso

Antes de Aprender un Framework como Bootstrap o Tailwind, incluso JavaScript o librerías como React o Frameworks como Angular y VueJS es importante tener dominio sobre HTML y CSS que es lo que obtendrás en este curso!


icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Juan Pablo De la torre Valdez

¡Soy diseñador y programador web desde hace 19 años! (2006)

No te aburriré ni te contaré la típica historia de que soy programador desde los 6 años porque eso sería mentir.

Empecé a los 18 años y la programación cambió mi vida.

Aprendí con tutoriales en video, por eso creo en este formato de enseñanza; el problema es que muchos cursos hablaban con términos confusos, extraños y no creaban un proyecto real, es por eso que enseño Creando Proyectos Reales.

Por años he trabajado con WordPress, Drupal, PHP, JavaScript, Laravel, Node.js, Express, React, Angular, Vue, Ruby on Rails, Django, React Native, Flutter en diferentes empresas de mi Ciudad y para algunos clientes de forma Freelancer, pero cuando conocí a Udemy descubrí que podia realizar los cursos creando proyectos reales que tanta falta hacían, por lo tanto renuncie a mi trabajo y deje mi agencia de diseño Freelancer para comenzar Código Con Juan en Udemy.

icon
More courses by Juan Pablo De la torre Valdez

$13.99

$74.99

$64.99

$14.99

icon
More Web Development courses

$10.99

$10.99

$10.99

$11.99

$11.99

$64.99

icon
Reviews

4.7

4,652 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Miguel Angel Suarez Pluma on 8/16/2026

Es buen curso para dominar las bases, me hubiera gustado ver mas sobre animaciones con keyframes, un landing mobile first con todo lo que incluye como boton hamburguesa, overlays, animaciones a los cards con intersection observer y css. pero es muy buen curso, me agrado mucho

By Ulises Rodríguez Silva on 6/10/2026

Excelente curso, es un curso muy didactico pero si lleva su tiempo, se debe tener paciencia la clave es praticar y practicar, es uno de los cursos muy completos que te enseñan muchas maneras de hacer un sitio con HTML y CSS y desde luego usando SASS, se debe entender que repasar y practicar son la clave ya que con la repetición y la constancia se aprende mucho y con gusto.

By Veronica Ramirez Figueredo on 1/14/2026

buena elección, muy bien explicado todo y con claros ejemplos

By Juan Manuel Rios Flores on 12/26/2025

El curso es increíble, conocía al maestro juan en un curso bastante avanzado así que tomé la decisión de sumergirme en otros de sus cursos mas especificados en este caso este y me fascina el maravilloso trabajo que hace el profesor. Lo empecé a seguir mas de cerca en sus redes sociales y la gente genuinamente valora la dedicación con la que hace los cursos, espero en un par de meses ser de esos testimonios en los que la gente alcanza sus metas.

By Maria Alejandra Osorio Bolaños on 11/8/2025

Me gusta la manera de explicar y como los conceptos son aplicados a proyectos

By Fernando Saucedo on 12/16/2024

Excelente curso, lo estoy terminando 80% y puedo decir que realmente hace que empieces con unas bases solidas necesarias para poder trabajar y conocer a fondo CSS. La calidad de la docencia de Juan no tiene desperdicio, sin duda le compraré mas cursos!

By Samuel Alexander Florez on 8/28/2024

Tras varias semanas y horas de trabajo continuo, siguiendo paso a paso y al pie de la letra las instrucciones, puedo dar fe de que el curso es muy bueno, a medida que se avanza y se van creando los proyectos, el flujo de trabajo se vuelve muy natural y cuesta menos esfuerzo retener la información, la metodología del Juan Pablo es buena, se ve el trabajo detrás de cada video, recomendado 100%.

By Angel Marquez on 5/27/2024

Despues de haber terminado este curso puedo decir que es un gran curso que vale la pena, no le doy las cinco estrellas porque siento que le faltan un poco mas para tener cinco estrellas. Aunque se que en su objetivo es crear paginas web estaticas no estaria mal que se le agregaran mas secciones con Java Script. Como en la parte de Swiper fue una de las partes que mas disfrute y no tan dificil explicar como funciona todo sin saber de JavaScript. Asi mismo que se explicaran mas animaciones sencillas con el DOM como los menu hamburgesas que son cosas que estan en todos los sitios web modernos. Creo que no seria tan dificil y aportaria mucho al curso

By Christian on 11/29/2023

un excelente curso, la verdad el profesor realiza una cantidad impresionante de proyectos, lo cual me ha ayudado a mejorar bastante en CSS y te lleva de la mano con SASS , si no sabes nada de HTML, CSS este curso es para ti, ademas ya estoy haciendo proyectos por mi cuenta con HTML , CSS y SASS para crear mi portafolio.

By Bruno Benavent Colomo on 12/30/2021

El curso es maravilloso y Juan Pablo es un instructor magnífico, explica paso a paso y de forma bastante repetitiva en los diferentes proyectos los aspectos básicos de css, flex y grid, lo que hace que retengas los conocimientos apenas sin practicar. Curso totalmente recomendable para quienes quieren iniciarse en el diseño y desarrollo web

Showing all 10 reviews on CourseDuck

Read all 4,652 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 94 / 100