Video curso Aprende css 3 desde cero tutorial

CSS es el lenguaje que hace a la web hermosa. Es el lenguaje que combina la programación con el diseño y convierte en arte la web. Con CSS podemos llevar diseños hechos en Photoshop o Illustrator a código sin problemas y cumplir hasta los requerimientos estéticos más peculiares de nuestros clientes.

Con este curso dejarás de descargar plantillas para comenzar a diseñar las tuyas propias. También conocerás como funcionan los frameworks (Bootstrap, Foundation, ED grid) por dentro y aprenderás principios de diseño aplicados a la web. Solo te basta conocer de HTML para tomar este curso.

Si eres un programador experimentado este curso también es para ti, pues aprenderás a crear layouts y estilos para tus aplicaciones y a comunicarte mejor con tu equipo de frontend.
 

¿Qué aprenderás?

 

Modulo 1

Introducción a CSS

• Insertar CSS en HTML
• Sintaxis
• Selectores
• Herencia
• Cascada
• Los estilos del navegador
• Comentarios

Estilos de texto

• Tamaños relativos y absolutos
• Familias de fuentes (@font-face)
• Propiedades de los textos
• Estilos para las listas

Pseudo clases y pseudo elementos

• :hover, :active, :visited, :focus
• :nth-child, :nth-of-type
• :not(); :root
• :after, :before, content

 

Modulo 2

Box model

• Entender el modelo de caja
• Width, Height, Margin, Padding, Border
• Display, float

• Imágenes y color
• Propiedades de las imágenes
• Background
• Sprites
• SVG
• Color en CSS
• Degradados

Position

• Flujo y posición estática
• Position: relative
• Position: absolute
• Position: fixed
• Position: sticky
• Capas con z-index

 

Modulo 3

Tablas y formularios

• Propiedades de las tablas
• Display: table
• Estilos para formularios
• Estilos para campos de formularios

Flexbox

• Main axis, cross axis
• Cajas flexibles
• Control del flujo
• Layouts con flexbox

Lo nuevo en CSS3 y el futuro de CSS

• Transformaciones
• Transiciones
• Animaciones
• Dibujos de formas
• Filtros
• Columnas
• Grid layout
• Variables
• PostCSS

 

Modulo 4

Sass

• ¿Que es Sass y como usarlo?
• Variables
• Anidacion de selectores
• Herencia
• Funciones de color
• Mixins
• Iteraciones
• Funciones

Responsive Web Design

• ¿Qué es RWD?
• Resolución de pantalla vs Viewport
• Media queries
• Medidas relativas
• Mobile first vs Desktop first
• Imagenes y videos responsive