Pasar al contenido principal

ūüĒ• ¬°Hoy clase gratis y en vivo! Crea tu propio CMS con PHP junto a Yesi Days. Reg√≠strate. Comenzamos en: --:---:---:---

Alexys Lozada
José Luján
Manuel Rodriguez
José Luján
José Luján
Luis Avilés
José Luján
√Ālvaro Felipe
√Ālvaro Felipe
√Ālvaro Felipe
José Luján
José Luján
Beto Quiroga
Jonathan MirCha
Jonathan MirCha
√Ālvaro Felipe
Alexys Lozada, √Ālvaro Felipe, Jonathan MirCha
Beto Quiroga
Alexys Lozada
Alexys Lozada
José Luján
√Ālvaro Felipe
José Luján
√Ālvaro Felipe
√Ālvaro Felipe
Jonathan MirCha
Jonathan MirCha
Alexys Lozada, José Luján
Alexys Lozada, José Luján
Alexys Lozada, José Luján
Camilo Adobe
√Ālvaro Felipe
José Luján
Jonathan MirCha
√Ālvaro Felipe
√Ālvaro Felipe
Beto Quiroga, Alexys Lozada
√Ālvaro Felipe
Juan Villalvazo
José Luján
Luis Avilés
√Ālvaro Felipe
Jonathan MirCha
Jonathan MirCha
Jonathan MirCha
Alexys Lozada
José Luján
Manuel Rodriguez
José Luján
José Luján
Luis Avilés
José Luján
√Ālvaro Felipe
√Ālvaro Felipe
√Ālvaro Felipe
José Luján
José Luján
Beto Quiroga
Jonathan MirCha
Jonathan MirCha
√Ālvaro Felipe
Alexys Lozada, √Ālvaro Felipe, Jonathan MirCha
Beto Quiroga
Alexys Lozada
Alexys Lozada
José 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

Temario del curso

EDteam tiene los temarios m√°s detallados en espa√Īol

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
  • 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
  • Reverse animation

4. Animaciones (II)

  • Animation event
  • Controlar animaciones CSS con Javascript
  • Animaciones con scroll
  • Cubic bezier
  • Ejemplos de Cubic bezier
  • Sprites

5. Transformaciones

  • Introducci√≥n al sistema de coordenadas
  • Funciones de transformaci√≥n 2D
  • Transform origin
  • Orden de las transformaciones
  • Ejercicio reloj
  • Transformaciones 3D
  • 3D axis y perspectiva
  • Crear un cubo 3D
  • Dado 3D

6. Trucos y consideraciones

  • Debug, consideraciones y conceptos previos
  • Debug con Firefox
  • Debug con Chrome
  • Usar transform para animaciones
  • Flip card
  • Cubo 3D girando en su eje
  • Filtros CSS
  • Clip-path y variables CSS

7. Animaciones CSS y SVG

  • Insertar svg en mi web
  • Software para la creaci√≥n de SVG
  • Estructura de un SVG
  • Texto y linea
  • Ejercicio de linea y texto
  • Animacion con el logo de Angular
  • Animando el logo de EDteam

8. Proyecto final (librería Open Source)

  • ¬ŅQu√© proyecto crearemos?
  • Estructura inicial del proyecto
  • FadeIn y FadeOut
  • Slide
  • Zoom
  • Bounce
  • Animacion de borde en boton
  • Documentaci√≥n de la Libreria
  • Subir proyecto a Github
  • Subir proyecto a NPM

¬Ņ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