Curso CSS Avanzado [Aprende a crear animaciones para la web]

Tema en 'Manuales y Tutoriales' iniciado por Mr.Kratos, 30 Jul 2018.

  1. Mr.Kratos

    Mr.Kratos Usuario Nuevo nvl. 1
    7/41

    Registrado:
    23 May 2018
    Mensajes:
    71
    Me Gusta recibidos:
    18
    [​IMG]
    [​IMG]
    Datos Técnicos.
    Formato: .m2ts
    Resolución: 1280x720p
    Tamaño: 3.12 GB
    Idioma: Español
    Formadores: Álvaro Felipe
    Contenido: 4 Modulos
    Duración: X:xx horas
    Fecha de publicación: 2018
    Empresa: EDTeam (Escuela Digital)

    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
    [​IMG]
    [​IMG][​IMG][​IMG][​IMG]
    [​IMG][​IMG][​IMG][​IMG]
    [​IMG]

    Uploaded

    http://uploaded.net/file/j9s0u9nn/CSS.Avanzado.Animaciones.Mr.kratos.part1.rar
    http://uploaded.net/file/7percb7j/CSS.Avanzado.Animaciones.Mr.kratos.part2.rar
    http://uploaded.net/file/1qso70xm/CSS.Avanzado.Animaciones.Mr.kratos.part3.rar

    Katfile

    http://katfile.com/8td5ruvsb9va/CSS.Avanzado.Animaciones.Mr.kratos.part1.rar.html
    http://katfile.com/xl4xik9ti1qx/CSS.Avanzado.Animaciones.Mr.kratos.part2.rar.html
    http://katfile.com/b9j10fr6pgu8/CSS.Avanzado.Animaciones.Mr.kratos.part3.rar.html

    Depositfiles

    https://depositfiles.org/files/nriho4uws
    https://depositfiles.org/files/ybqkvmp0a
    https://depositfiles.org/files/fdnjdfw3l


    *Nota* No sabes Descargar?
    Tutorial:
    PASO!: Solo debes darle Click A dicho servidor Clikeado los enlaces estan dentro de un protector de enlaces.
    Aqui os dejo un pequeño Gift de como hacerlo.

    [​IMG]
     
    #1 Mr.Kratos, 30 Jul 2018
    Última edición: 8 Ago 2018