Taller de Animación CSS
Aprovecha las capacidades de CSS3 para convertirte en todo un profesional de la animación web
Material disponible
Intermedio
5 Clases 10 h
70€
59€
Precio en promoción
En el Taller de Animación CSS nos centraremos en ejemplos y ejercicios prácticos para sacar el máximo provecho a las últimas técnicas con las que agregar dinamismo a un proyecto web.

La animación CSS se está convirtiendo rápidamente en una piedra angular de interfaces fáciles de usar en los dispositivos y en el escritorio. Aprenderemos a implementar las propiedades CSS para añadir animación a los contenidos de nuestros proyectos. Trabajaremos con ejemplos prácticos, así como ejercicios que nos permitan asimilar los contenidos vistos en cada sesión. Veremos también cómo añadir interacción con Javascript con AnimationEvent.

Las animaciones CSS no son una novedad y las vemos en muchos site. Apple con las últimas versiones de Safari y Google con las recomendaciones de su lenguaje de diseño "Material Design" ya lo indican como aconsejable. La animación es el siguiente paso natural en la evolución de nuestra aplicación o web, y una oportunidad para añadir una diferencia de calidad a nuestro trabajo.

Qué aprenderé en el Taller de Animación CSS

Conoceremos los conceptos, sintaxis, propiedades y recursos con los que contamos para animar contenidos desde las hojas de estilo en cascada, así como todo tipo de trucos y prácticas para hacer nuestro código más optimo y más profesional.

Objetivos del curso

Al terminar el curso vas ha saber hacer, tanto animaciones simples para efectos sutiles, animación de elementos que interactuen con el usuario como animaciones de personajes para juegos HTML5.

Por qué debes aprender Animación CSS

¿Por qué es interesante participar? Este curso está dirigido a cualquier diseñador web, front-end, diseñador de interfaces de usuario y desarrolladores de interacción que quieran añadir un toque diferencial y profesional a cualquiera de sus proyectos.

Qué tengo que saber

Para sacar el máximo provecho de esta iniciativa, debes tener conocimientos básicos de HTML/CSS saber manejar un editor de código como Sublime Text 2/3 , Brackets o Atoms. Así como disponer una cuenta (gratuita) en Codepen.io para trabajar los ejercicios prácticos.

Clases y contenidos

1. Animación CSS: elementos a animar, transformaciones y transiciones CSS
  • Animaciones simples con transition.
  • Transformaciones y transiciones CSS.
  • Ejercicios prácticos donde asentar los conocimientos adquiridos.
2. Propiedades de la Animación
  • Exploramos las propiedades de la animación.
  • Función easing.
  • Ejercicios prácticos.
3. Ejemplos reales de implementación
  • Ejemplos reales de implementación y ejercicios prácticos.
4. Animación avanzada, ejemplo de personaje en juego HTML5
  • Animación avanzada, ejemplo de personaje en juego HTML5.
    • Preparando la imágenes para la animación
    • Animación del personaje
    • Animación del fondo
    • AnimationEvent, añadimos interacción a la animación
  • Ejercicios prácticos.
5. Soporte, Rendimiento , Librerías y Recursos
  • Revisión de librerías y recursos relacionados con las animaciones CSS.
  • Rendimiento y soporte en navegadores.

Valoraciones

Toni Soriano

¿Conoces nuestra tarifa plana?

Toda la formación de EscuelaIT, con más de 130 cursos completos para aprender las más variadas tecnologías de programación, diseño y marketing online. Todo! con tu suscripción.

Suscríbete