10 módulos52 lecciones~7h 18min
CSS desde Cero
Aprende CSS desde cero hasta nivel avanzado. Domina selectores, Flexbox, Grid, animaciones, responsive design y construye un portafolio profesional.
Temario del curso
1
Introduccion a CSS
0 / 4 lecciones
1
Que es CSS y por que es importante6 min
2
Como funciona CSS: el navegador y el CSSOM12 min
3
Formas de agregar CSS a tu HTML10 min
4
Tu primera hoja de estilos12 min
2
Selectores y Especificidad
0 / 6 lecciones
1
Selectores basicos: tipo, clase e ID13 min
2
Selectores combinadores y de atributo13 min
3
Pseudo-clases: hover, focus, nth-child y mas13 min
4
Pseudo-elementos: before, after y first-line15 min
5
Especificidad y cascada: quien gana14 min
6
Herencia y el valor inherit, initial, unset17 min
3
Box Model y Unidades
0 / 5 lecciones
1
El Box Model: content, padding, border, margin6 min
2
box-sizing: border-box vs content-box8 min
3
Unidades absolutas y relativas: px, em, rem, %7 min
4
Unidades del viewport: vw, vh, dvh7 min
5
Display: block, inline, inline-block, none8 min
4
Tipografia y Colores
0 / 5 lecciones
1
Propiedades de texto: font-family, size, weight6 min
2
Google Fonts y fuentes personalizadas6 min
3
Espaciado de texto: line-height, letter-spacing6 min
4
Colores: hex, rgb, hsl y currentColor8 min
5
Fondos: background-color, image, gradient10 min
5
Layout con Flexbox
0 / 6 lecciones
1
Introduccion a Flexbox: contenedor y ejes6 min
2
justify-content y align-items5 min
3
flex-wrap y flex-flow8 min
4
Propiedades de los items: grow, shrink, basis9 min
5
order y align-self7 min
6
Patrones reales con Flexbox: navbar, cards, footer7 min
6
Layout con Grid
0 / 6 lecciones
1
Introduccion a CSS Grid: filas y columnas6 min
2
grid-template-columns y grid-template-rows7 min
3
fr, repeat, minmax y auto-fill9 min
4
Posicionar items: grid-column y grid-row9 min
5
grid-template-areas: layouts con nombres9 min
6
Grid vs Flexbox: cuando usar cada uno6 min
7
Responsive Design
0 / 5 lecciones
1
Mobile first: la filosofia correcta7 min
2
Media queries: breakpoints y sintaxis8 min
3
Imagenes responsive: max-width, object-fit9 min
4
Container queries: el futuro del responsive7 min
5
Patrones responsive reales: sidebar colapsable, grids adaptativos7 min
8
Transiciones y Animaciones
0 / 4 lecciones
1
transition: propiedad, duracion, timing7 min
2
transform: translate, rotate, scale7 min
3
Animaciones con @keyframes7 min
4
Animaciones avanzadas: delay, fill-mode, iteration10 min
9
CSS Moderno y Buenas Practicas
0 / 5 lecciones
1
Variables CSS: custom properties7 min
2
Funciones CSS: calc, clamp, min, max9 min
3
Metodologia BEM para nombrar clases10 min
4
Reset y normalize: empezar con buena base8 min
5
Errores comunes en CSS y como evitarlos16 min
10
Proyecto Final — Portafolio Profesional
0 / 6 lecciones
1
Definicion del proyecto: que vamos a construir6 min
2
Estructura HTML y estilos base5 min
3
Header, navegacion y hero section5 min
4
Seccion de proyectos con Grid5 min
5
Formulario de contacto y footer5 min
6
Responsive, animaciones y deploy8 min