Animación de GSAP

Publicado: martes, may. 20, 2025 - Post actualizado: martes, may. 20, 2025

Categoría: Programación Y Desarrollo Skillshare

@ Consiguelogratis

Desarrolladores web que buscan mejorar la experiencia del usuario con animaciones atractivas.

¡Libera el poder de GSAP y da vida a tus sitios web!

¿Estás listo para llevar tus animaciones web al siguiente nivel? Te damos la bienvenida a la clase de animación de GSAP, la guía definitiva para dominar la plataforma de animación GreenSock (GSAP), la biblioteca de JavaScript más potente para crear animaciones fluidas y de alto rendimiento en la web.

Lo que vas a aprender:

Fundamentos de GSAP: comprende los conceptos básicos, desde tweeting hasta líneas de tiempo.
Animación de HTML y SVG: aprende a crear animaciones fluidas para texto, imágenes, y gráficos vectoriales.
Animaciones basadas en scroll: domina el Trigger de ScrollTrigger para crear efectos de desplazamiento interactivos.
Técnicas avanzadas: animaciones escalonadas, fotogramas clave, transformación y movimiento basado en la física.
Optimización del rendimiento: aprende las mejores prácticas para mantener las animaciones fluidas y eficientes.
Proyectos del mundo real: aplica tus habilidades a proyectos prácticos y mejora tu portafolio.

¿A quién está dirigida esta clase?

Desarrolladores web que buscan mejorar la experiencia del usuario con animaciones atractivas.
Diseñadores de UI/UX que quieran dar vida a sus diseños.
Entusiastas de JavaScript que quieran dominar las animaciones dinámicas.

¿Por qué elegir GSAP?

Animaciones ultrarrápidas: GSAP supera las animaciones de CSS y jQuery.
Compatibilidad con varios navegadores: funciona a la perfección en los principales navegadores.
Fácil de usar pero potente: sintaxis sencilla pero repleta de funciones profesionales.

Al final de esta clase, crearás con confianza animaciones interactivas e impresionantes para sitios web, aplicaciones y mucho más.

Contiene: 26 Lessons (3h 57min)

1. INTRODUCCIÓN
2. Qué es la animación de GSAP
3. Implementación de animación de GSAP
4. Propiedades y método de animación de GSAP
5. Cómo usar el disparador de desplazamiento, parte 1
6. Cómo usar el disparador de desplazamiento parte 2
7. Línea de tiempo en GSAP Crea tu primera línea de tiempo parte 1
8. Línea de tiempo en GSAP Crea tu primera línea de tiempo parte 2
9. Desencadenamiento de animación múltiple y esfoliado de scroll
10. Trigger de desplazamiento con pin
11. Animación de GSAP con gráficos SVG
12. Elemento de trayectoria de Svg
13. Crea animaciones SVG lisas
14. Construye una animación de cursor personalizada
15. Crea una animación de cursor personalizada Parte 2
16. Crea una animación de cursor personalizada Parte 3
17. Crear diseños de línea de tiempo animada parte 1
18. Crear diseños de línea de tiempo animada parte 2
19. Crea animaciones de texto impresionantes con GSAP, parte 1
20. Crea animaciones de texto impresionantes con GSAP, parte 2
21. Crea animaciones de texto impresionantes con GSAP, parte 3
22. Animación de texto desplazable Parte 1
23. Animación de texto desplazable Parte 2
24. Crear barra de navegación de la página de aterrizaje
25. Crea sección de encabezado
26. Organiza el logotipo y el gráfico

Contraseñas / Passwords RAR:
cibernautas.org
cursos.consiguelogratis.com
consiguelogratis.com
consiguelogratis
cursos.cibernautas.org

Contraseña para descomprimir: C-YHNY56B54B5