Pasar al contenido principal
Jose Luján
Luis Avilés
Álvaro Felipe, Jon MirCha
Álvaro Felipe
Jose Luján
Alberto Quiroga
Alexys Lozada, Álvaro Felipe, Daniel Romero, Jon MirCha
Daniel Romero
Alexys Lozada, Daniel Romero
Álvaro Felipe
Francisco Romero
Alexys Lozada
Álvaro Felipe
Jose Luján
Daniel Romero
Jon MirCha
Álvaro Felipe
Daniel Romero
Jose Luján
Álvaro Felipe
Freddy Cahuas
Álvaro Felipe
Luis Avilés
Álvaro Felipe
Jon MirCha
Jose Luján
Luis Avilés
Álvaro Felipe, Jon MirCha
Álvaro Felipe
Jose Luján
Alberto Quiroga
Alexys Lozada, Álvaro Felipe, Daniel Romero, Jon MirCha
Daniel Romero
Alexys Lozada, Daniel Romero
Álvaro Felipe
Francisco Romero
Alexys Lozada
Álvaro Felipe
Jose Luján
Daniel Romero
Jon MirCha
Álvaro Felipe
Daniel Romero
Jose Luján
Álvaro Felipe
Freddy Cahuas
Álvaro Felipe
Luis Avilés
Álvaro Felipe
Jon MirCha
https://app.ed.team/cursos/css-animaciones?6
css-animaciones

CSS Avanzado - Animaciones

Aprende a hacer animaciones para la web usando sólo CSS que generen impacto (sin tener conocimientos de Javascript) . Potencia la interacción con el usuario y aumenta la usabilidad de tus proyectos. Las animaciones convierten un proyecto aburrido en uno lleno de vida y que los usuarios y clientes aman, aprende con el mejor profesor de CSS en habla hispana.

Semana 1
Semana 2
Semana 3
Semana 4

Introducción23 oct

  • Cambios de estado (triggers CSS)
  • Propiedades animables y no animables (ver ejercicio gratis)
  • Estado inicial de las propiedades
  • Tipos de animaciones: transiciones y animaciones

Transiciones26 oct

  • Transition-property
  • Transition-duration
  • Transition-delay
  • Transition-timing-function (ease, ease in, ease out, etc) (ver ejercicio gratis)
  • Shorthand transition

Animaciones (I)30 oct

  • @eyframes
  • animation-name
  • animation-duration
  • animation-iteration-count
  • animation-direction
  • animation-timing-function
  • animation-delay
  • animation-fill-mode
  • animation-play-state
  • Shorthand Animation (ver video gratis)

Animaciones (II)2 nov

  • Animation event (JavaScript)
  • Controlar animaciones CSS con JavaScript
  • Curva de la animación (cubic beizer) (ver video gratis)
  • Animación de sprites (steps)

Transformaciones6 nov

  • Transformaciones 2D (ver video gratis)
  • Rotate()
  • Translate()
  • Scale()
  • Skew()
  • Transformaciones 3D

Trucos y consideraciones9 nov

  • Debug de animaciones desde el browser (ver video gratis)
  • Trucos para mejorar el rendimiento
  • Propiedad will change
  • Animaciones con clip-path
  • Animaciones con filtros CSS
  • Animaciones con variables nativas (custom properties) de CSS

Animaciones CSS y SVG13 nov

  • Estructura de un SVG
  • Exportar desde programas de ilustración (Illustrator, Gravit Designer, Inkscape, Affinity Designer)
  • Utilizar recursos web
  • Propiedades CSS para SVG
  • Animaciones SVG (ver video gratis)

Proyecto final (librería Open Source)16 nov

  • Crearemos una librería de animaciones CSS (ver video gratis)
  • Utilizaremos Sass para empaquetar las animaciones en mixins
  • Utilizaremos buenas prácticas de arquitectura CSS para evitar conflictos
  • Se publicará en npm para que la puedan utilizar en sus proyectos

¿Por qué estudiar en EDteam?

Profesores reales

Somos la única plataforma con profesores reales con años de experiencia en aulas.

Aprende desde cero

Si quieres aprender algo nuevo, sin conocimientos previos, no hay mejor opción en español que EDteam.

Proyecto de fin de curso

Creamos el concepto de proyecto de fin de curso que se ha puesto de moda en todas las plataformas online.

Sin mensualidades

Líbrate de las ataduras. Paga solo lo que necesites aprender y estudiálo a tu ritmo y con acceso de por vida.

Secuencia de aprendizaje

Cursos desde cero que continuan con cursos avanzados para que aprendas en orden y sin perderte.

Clases bonus gratuitas

Accede a los EDtaller Premium, clases extra de todos los cursos (incluso de los que no hayas comprado) 100% gratis.

.
0
25
CSS Avanzado - Animaciones
Profesor
Comprar $

Acceso de por vida a este curso

Suscribirse $ 30 USD / mes

Acceso a todos los cursos de EDteam

Medios de pago

logo Paypal

Acceso en segundos

Peru Colombia México Bolivia Western Union

Acceso en 24h

Horarios

Clases en vivo los lunes y jueves

  • 4:00 pm (CR / GT / SV )
  • 5:00 pm (MX / PE / EC / CO / PA / EST)
  • 6:00 pm (VE / BO / CU / DO )
  • 7:00 pm (CL / AR / UY / PY / BR )
  • 11:00 pm (ES)
Clases grabadas