Curso CSS Avanzado - Animaciones (Mega-Torrent)

Curso CSS Avanzado - Animaciones (Mega-Torrent)

Curso CSS Avanzado - Animaciones

Información de: CSS Avanzado - Animaciones

En este curso avanzado de CSS vas a aprende a crear 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.

Contenido del curso CSS Animaciones


Modulo 1


Introducción
  • Cambios de estado (triggers CSS)
  • Propiedades animables y no animables
  • Estado inicial de las propiedades
  • Tipos de animaciones: transiciones y animaciones
Transiciones
  • Transition-property
  • Transition-duration
  • Transition-delay
  • Transition-timing-function (ease, ease in, ease out, etc)
  • Shorthand transition

Modulo 2


Animaciones (I)
  • @eyframes
  • animation-name
  • animation-duration
  • animation-iteration-count
  • animation-direction
  • animation-timing-function
  • animation-delay
  • animation-fill-mode
  • animation-play-state
  • Shorthand Animation
Animaciones (II)
  • Animation event (javascript)
  • Controlar animaciones CSS con javascript
  • Curva de la animación (cubic beizer)
  • Animación de sprites (steps)

Modulo 3


Transformaciones
  • Transformaciones 2D
  • Rotate()
  • Translate()
  • Scale()
  • Skew()
  • Transformaciones 3D
Trucos y consideraciones
  • Debug de animaciones desde el browser
  • Trucos para mejorar el rendimiento
  • Propiedad will change
  • Animaciones con clip-path
  • Animaciones con filtros CSS
  • Animaciones con variables nativas (custom properties) de CSS

Modulo 4


Animaciones CSS y SVG
  • 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
Proyecto final (librería Open Source)
  • Crearemos una librería de animaciones CSS
  • 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

Información de: InDesign CC 2017 avanzadoEn este curso de InDesign CC 2017 avanzado, vas a aprender a crear documentos interactivos. Documentos PDF, EPUB y publicaciones web Aprende a usar las potentes herramientas de Adobe InDesign CC para diseñar documentos interactivos, tales como PDF,
Información de: Animación e interpolación Aprende a crear y realizar la Animación e interpolación con After Effects CC 2017 en este curso avanzado de After Effects Una de las áreas más importantes de cualquier software de postproducción, edición o 3D es la animación, sin la cual no
  Aprende javascript y jQuery - Programa en javascript y jQuery todo lo necesario para crear sitios y apps web. Crea animaciones, conexiones a datos, efectos e interacción. Con este curso podrás: Introducción a javascript Manipula el DOM con javascript jQuery
  Aprende a animar un Lettering con After Effects - Adobe After Effects es el software por excelencia para realizar animaciones 2D y 3D. Siendo uno de los softwares más sencillos e intuitivos a la hora de usarlo, las herramientas y posibilidades que nos brinda son casi infinitas. Este
  Información de: javascript Desde Cero 2017 Descarga el nuevo curso de EDteam (Escuela Digital) javascript Desde Cero versión (2017) Aprende el lenguaje más importante de la Web en su versión ES6. Curso javascript Desde Cero. Aprende desde 0 las bases y los fundamentos
  En este curso podrás ver una serie de trucos avanzados de CSS. Aprende a usar CSS avanzado a partir de ejemplos reales Si aún no tienes referencias de cómo realizar elementos nuevos en base HTML5, animaciones CSS3, transiciones, transformaciones y demás efectos surgidos desde la necesidad