Curso de CSS3

Aprende las nuevas propiedades que nos trae esta nueva versión de CSS.

  • Premium
  • HTML/CSS
  • Básico
Empezar ahora

Acerca del curso

En este curso aprenderemos a desarrollar sitios web modernos con las últimas características de CSS, el lenguaje de estilos para la creación de páginas web. Con CSS3 tus sitios gozarán de mayor dinamismo y compatibilidad en distintos navegadores, factores esenciales en las tendencias de diseño web actual. No es necesario que seas un experto en programación, pero sí es recomendable que antes de empezar con este curso, tengas una base previa de HTML. En caso de no conocer este lenguaje, te invitamos a revisar nuestro curso de HTML y CSS.

Lista de Clases

  • Clase 1: Fundamentos

    • 1.- Introducción
    • 2.- Compatibilidad entre navegadores
    • 2.- Compatibilidad entre navegadores
    • 3.- Codepen.io
    • 4.- Información del Proyecto
  • Clase 2: Bordes

    • 1.- Introducción a Bordes
    • 1.- Introducción a Bordes
    • 2.- Border-radius
    • 3.- Box-shadow
    • 4.- Border-image
    • 4.- Border-image
    • 5.- Proyecto: Bordes
  • Clase 3: Efectos de Texto

    • 1.- Text shadow
    • 2.- Word wrap
    • 3.- Proyecto: Efectos de texto
  • Clase 4: Web Fonts

    • 1.- Introducción a Web Fonts
    • 1.- Introducción a Web Fonts
    • 2.- Google Fonts
    • 3.- Adobe TypeKit
    • 3.- Adobe TypeKit
    • 4.- Fuente de iconos
    • 4.- Fuente de iconos
    • 5.- Proyecto: Web Fonts
  • Clase 5: Backgrounds

    • 1.- Introducción a Backgrounds
    • 2.- Background-origin
    • 3.- Background-size
    • 4.- Gradiante lineal
    • 5.- Gradiente radial
    • 6.- Proyecto: Background
  • Clase 6: Transiciones

    • 1.- Introducción a Transiciones
    • 2.- Transition
  • Clase 7: Transformaciones

    • 1.- Introducción a Transformaciones en CSS
    • 2.- Rotate
    • 3.- Scale
    • 4.- Skew
    • 5.- Translate
    • 6.- Matrix
    • 7.- Proyecto: Transformaciones
  • Clase 8: Animaciones

    • 1.- Animaciones - Parte 1
    • 2.- Animaciones - Parte 2
    • 2.- Animaciones - Parte 2
    • 3.- Animation
  • Clase 9: Flexbox

    • 1.- Introducción a Flexbox
    • 2.- Container Flexbox
    • 3.- Items de Flexbox
  • Clase 10: Proyecto con Flexbox

    • 1.- Introducción al Proyecto
    • 2.- Proyecto I
    • 2.- Proyecto I
    • 3.- Preguntas I
    • 3.- Preguntas I
    • 4.- Proyecto II
    • 5.- Preguntas II
    • 6.- Proyecto III

Proyecto del curso

proyecto proyecto

Información del curso

  • Acceso las 24 horas del día
  • Clases concretas faciles de llevar
  • Proyecto o ejercicios prácticos durante el curso
  • Certificado de completitud
Empezar ahora

Suscríbete a Devcode y mejora tus habilidades

Y forma parte de los más de 190 mil estudiantes que están aprendiendo con nosotros

Forma parte de los +190 mil estudiantes que están aprendiendo con nosotros