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
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)
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!
Instructor Details
- 4.7 Rating
4,652 Reviews
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.
More courses by Juan Pablo De la torre Valdez
React y TypeScript - La Guía Completa Creando +10 Proyectos (2026)
4.6 (12,496 Reviews)
Provider: Udemy
Time: 56.6h
$13.99
Professional WordPress Theme & Plugin Development (2019)
4.4 (1,138 Reviews)
Provider: Udemy
Time: 34.8h
$74.99
WordPress E-Commerce Development w/ WooCommerce & Storefront (2019)
4.3 (461 Reviews)
Provider: Udemy
Time: 9.6h
$64.99
Modern JavaScript The Complete Course - Build +15 Projects (2019)
4.3 (407 Reviews)
Provider: Udemy
Time: 27.8h
$14.99
More Web Development courses
Universidad Desarrollo Web - FrontEnd Web Developer! (2026)
4.8 (13,903 Reviews)
Provider: Udemy
Time: 30.4h
$10.99
Angular Avanzado: Lleva tus bases al siguiente nivel - 2022
4.7 (7,611 Reviews)
Provider: Udemy
Time: 32.3h
$10.99
n8n + MCP: Automatización y agentes de IA inteligentes (2026)
4.7 (4,193 Reviews)
Provider: Udemy
Time: 18.2h
$10.99
n8n Total: Crea Agentes IA y Automatiza flujos sin código (2026)
4.7 (1,813 Reviews)
Provider: Udemy
Time: 4.8h
$11.99
Fundamentos de Programación en 6 Días - Algoritmos y Lógica (2026)
4.7 (710 Reviews)
Provider: Udemy
Time: 8.4h
$11.99
Web APIs (NET 7) La Guia Completa (Crear y Consumir API) (2023)
4.6 (263 Reviews)
Provider: Udemy
Time: 11.6h
$64.99
Reviews
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
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 94 / 100










