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

Udemy

CSS La Guía Completa - Flexbox, CSS Grid, SASS +20 proyectos

via Udemy

Overview

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

What you'll 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)

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!


Syllabus

  • Introducción al Curso, Proyectos y Herramientas
  • Introducción a HTML - Qué es, etiquetas y Básicos
  • Introducción a CSS
  • Introducción Flexbox y CSS Grid
  • Ecommerce - Finalizando la Página de Inicio
  • Ecommerce - Creando las páginas internas
  • Ecommerce - Formularios HTML
  • Flexbox - Basicos, Propiedades y Más
  • CSS Grid - Basicos, Propiedades y Más
  • Selectores CSS - Todo lo que tienes que saber
  • Introducción a Responsive Web Design
  • Ecommerce - Agregando Media Queries para convertirlo en Responsive
  • TechPRO - Sitio web para Audifonos
  • Sitio Web Arquitectura
  • Introducción a BEM
  • Nucleus - Creando un Proyecto desde Cero con BEM
  • Introducción a SASS y Gulp - Creando un Workflow profesional desde cero
  • Windows - Instalando Node, NPM y Gulp
  • Cafetería - Creando un Proyecto completo con SASS y Gulp
  • DeliveryApp - Creando un Proyecto con SASS, BEM, Mobile First y mucho más
  • Podcast FM - Plataforma de Podcast
  • Airbnb - Creando el Homepage
  • Real State - Sitio de venta de casas de Lujo
  • CarolinaSpa - Salón de Belleza con BEM y SASS
  • Meeti - Clon de Meetup con SASS y BEM
  • Escuela de Cocina - Sitio web creado con BEM y SCSS
  • GuitarLA - Ecommerce de venta de Guitarras

Taught by

Juan Pablo De la torre Valdez

Reviews

4.8 rating at Udemy based on 4442 ratings

Start your review of CSS La Guía Completa - Flexbox, CSS Grid, SASS +20 proyectos

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.