En este tutorial aprenderás GSAP para crear animaciones en JavaScript.
¡Empieza GRATIS con mi ebook de HTML! https://bit.ly/htmlgratis

Conviértete en Programador Profesional https://www.academia-x.com
Equipos recomendados https://www.amazon.com/shop/programadorx (enlace afiliado)

----------------------------------------
Sígueme en mis redes
https://www.linkedin.com/in/xavier-reyes-ochoa
https://www.instagram.com/programador.x
https://www.tiktok.com/@programador.x
https://www.facebook.com/programadorxyz
https://www.youtube.com/@ProgramadorX
----------------------------------------

Cursos gratuitos
Edita código con VSCode https://bit.ly/3UEMoNq
Usa inteligencia artificial con ChatGPT https://bit.ly/4beDOtQ
Publica páginas web https://bit.ly/3w35QtI
Aprende a programar con Python https://bit.ly/3UmdCXw

Cursos premium
Bootcamp de HTML, CSS, JavaScript, Hosting, React, Angular, SQL, Node.js, Python, Algoritmos, Diseño de Sistemas, Preparación para Entrevistas y AWS https://bit.ly/4aSXJPw

╔═╦═╦═╦══╦═╦══╦═╦═╦══╦══╦═╦═╗ ╔╗╔╗
║╬║╬║║║╔═╣╬║╔╗║║║║║╔╗║╗╗║║║╬║ ╚╗╔╝
║╔║╗╣║║╚╗║╗╣╠╣║║║║║╠╣║╩╝║║║╗╣ ╔╝╚╗
╚╝╚╩╩═╩══╩╩╩╝╚╩╩═╩╩╝╚╩══╩═╩╩╝ ╚╝╚╝

En este tutorial, aprenderás a utilizar la librería GSAP para crear animaciones fluidas en tus proyectos web. Cheese es una librería especial que utiliza JavaScript al 100% y te permite animar elementos HTML de manera sencilla. Además, puedes crear secuencias de animaciones para darle vida a tus páginas. Desde cambiar estilos CSS hasta animar valores en objetos JavaScript, GSAP ofrece una amplia gama de posibilidades para crear efectos visuales atractivos. Con ejemplos prácticos y explicaciones detalladas, este tutorial te guiará a través del proceso de integración y uso de esta poderosa herramienta de animación. GSAP 3 trae muchos APIs que te permiten tener mucho más control con tus animaciones que en versiones anteriores. ¡No te lo pierdas!

GSAP https://greensock.com/?&_rid=90559
Archivo tutorial GSAP https://github.com/xrochoa/gsap-tutorial
Comparación de velocidad https://greensock.com/js/speed.html?&_rid=90559
Mi portafolio http://www.xaviro.com/
Archivos de animaciones https://github.com/xrochoa/video-animations

Contenido
0:00 - Animaciones en Javascript con GSAP 3.0
0:34 - Instala GSAP
0:58 - Qué es un CDN?
1:36 - GSAP Set
2:30 - Comparación de velocidad
3:49 - GSAP To
5:08 - Visualizador de Ease
5:56 - Animando objetos de JS
6:50 - GSAP From
8:51 - GSAP Timeline
10:06 - GSAP Controls
10:48 - Más detalles de GSAP
12:41 - Proyectos: Portafolio
13:04 - Proyectos: Animaciones para video
14:23 - Preguntas para ti

#gsap
#javascript
#animaciones

------------------------------------------------------------------------------------------------
10% OFF | ACADEMIA-X.COM | código: PROGRAMADORX
------------------------------------------------------------------------------------------------