Pasar al contenido principal

🇲🇽 ¡México ya está en octavos! ⚽ 25% de descuento en todos los cursos de EDteam para celebrarlo. Quedan

Alexys Lozada
Jose Luján
Jose Luján
Luis Avilés
Álvaro Felipe
Álvaro Felipe
Jose Luján
Alberto Quiroga
Jon MirCha
Álvaro Felipe
Alexys Lozada, Álvaro Felipe, Daniel Romero, Jon MirCha
Alexys Lozada, Daniel Romero
Álvaro Felipe
Alexys Lozada
Álvaro Felipe
Jose Luján
Daniel Romero
Jon MirCha
Alexys Lozada
Jose Luján
Jose Luján
Luis Avilés
Álvaro Felipe
Álvaro Felipe
Jose Luján
Alberto Quiroga
Jon MirCha
Álvaro Felipe
Alexys Lozada, Álvaro Felipe, Daniel Romero, Jon MirCha
Alexys Lozada, Daniel Romero
Álvaro Felipe
Alexys Lozada
Álvaro Felipe
Jose Luján
Daniel Romero
Jon MirCha
Alexys Lozada, Jose Luján
Alexys Lozada, Jose Luján
Daniel Romero
Jose Luján

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.

https://app.ed.team/cursos/css-animaciones?6
¿Qué aprenderás?
  • Comprender la diferencia entre animaciones y transiciones
  • Crear transformaciones 2D y 3D
  • Optimizar animaciones CSS para mejor rendimiento
  • Crear tu propia librería de animaciones
¿Qué conocimientos necesitas?
Avanzado
  • +10 horas
  • Certificado
  • Proyecto final
  • Clases grabadas

1. Introducción

2. Transiciones

  • Introduccion a las transiciones
  • Transiciones de varias propiedades
  • Evento transicioned
  • Transiciones de ida y vuelta
  • Disparadores de transiciones con pseudoclases
  • Disparadores de transiciones con pseudoclases en formularios
  • Efecto tarjeta (ver gratis)
  • Menu off canvas

3. Animaciones (I)

  • Animaciones vs Transiciones
  • Animation name y duration
  • Animation timing function
  • Animation iteration-count y direction
  • Animation play-state
  • Animation delay y fill-mode
  • Shorthand animation (ver gratis)
  • Reverse animation

4. Animaciones (II)

5. Transformaciones

6. Trucos y consideraciones

7. Animaciones CSS y SVG

8. Proyecto final (librería Open Source)

  • ¿Qué proyecto crearemos?
  • Estructura inicial del proyecto
  • FadeIn y FadeOut (ver gratis)
  • Slide
  • Zoom
  • Bounce
  • Animacion de borde en boton
  • Documentación de la Libreria
  • Subir proyecto a Github
  • Subir proyecto a NPM

9. EDtaller Premium

  • Variables CSS (tips y trucos)

¿Por qué estudiar en EDteam?

Profesores reales

Todos nuestros profesores tienen experiencia real en aulas. Porque no basta saber un tema, sino saber enseñarlo.

Especialidades

Las especialidades son rutas de aprendizaje detalladas que te llevan a traves de cursos cortos a tu objetivo.

Aprende con proyectos

Somos la primera plataforma en incluir un proyecto del mundo real (no un examen) para completar los cursos.

Suscripción o compra

Compra los cursos que necesites con acceso de por vida o suscribete y accede a todos nuestros cursos y especialidades

Clases en vivo

Toda la semana tenemos clases en vivo en las que nuestros estudiantes interactuan con los profesores y sus compañeros.

Seguimiento de aprendizaje

Lleva seguimiento de tus avances, tomar notas y obtén un certificado de culminación desde nuestra plataforma.

.
0
25