Тёмный

Crea ANIMACIONES en Javascript usando GSAP (3.0) 🧈 

Programador X
Подписаться 346 тыс.
Просмотров 74 тыс.
50% 1

En este tutorial aprenderás GSAP para crear animaciones en JavaScript.
📙 Te obsequio mi ebook de HTML (GRATIS) 🔥🆓🔥 👉 www.academia-x.com/html-gratis
🚀 Aprende a programar desde CERO hasta PRO 👉 www.academia-x.com
🔥 INSTAGRAM 👉 / programador.x
🌟 LINKEDIN 👉 / xavier-reyes-ochoa
🖥 Mis equipos 👉 www.amazon.com/shop/programadorx
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 👉 greensock.com/?&_rid=90559
Archivo tutorial GSAP 👉 github.com/xrochoa/gsap-tutorial
Comparación de velocidad 👉 greensock.com/js/speed.html?&...
Mi portafolio 👉 www.xaviro.com/
Archivos de animaciones 👉 github.com/xrochoa/video-anim...
📚 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

Опубликовано:

 

11 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 167   
@ProgramadorX
@ProgramadorX 2 года назад
🚀 Aprende a programar desde CERO hasta PRO 👉 www.academia-x.com 🔥 INSTAGRAM 👉 instagram.com/programador.x 🌟 LINKEDIN 👉 www.linkedin.com/in/xavier-reyes-ochoa 📕 Mi ebook de HTML ¡GRATIS! 🔥🆓🔥 👉 www.academia-x.com/html-gratis 🖥 Mis equipos 👉 www.amazon.com/shop/programadorx
@davidramirezreyes4690
@davidramirezreyes4690 3 года назад
El tiempo se me fue volando con el video, pensé que era de 2 minutos, significa que estaba full entretenido y concentrado, excelente video!.
@ProgramadorX
@ProgramadorX 3 года назад
Que gusto saber que estuvo entretenido, David! 🙌🏽 Este video me tomó más trabajo de lo normal pero creo que vale la pena dedicar más tiempo a calidad en lugar de cantidad. Seguiré por esta ruta. Muchas gracias por ver mi video! 🙂
@jairojr2365
@jairojr2365 3 года назад
He aprendido más en tu vídeo que todos mis años en la universidad sos un excelente tío
@luchtin22
@luchtin22 Год назад
Te quiero hermano, toy viendo tus videos viejos y son muy buenos también! Te felicito por la calidad y el aporte que le das a la industria
@carlosarturogarciaportillo3314
@carlosarturogarciaportillo3314 2 года назад
Haces que lo que a simple vista se ve complejo, al hacerlo se vea muy fácil. Muchas gracias por todo el contenido y la forma tan sencilla de explicar las cosas, Bravo. Dios te bendiga.
@hendriklopez6121
@hendriklopez6121 3 года назад
este video me salvó un proyecto de la universidad. qué maravilla, un saludo crack
@hackmamut
@hackmamut 3 года назад
buen overview Javier, quizas en el futuro haz un videotutorial de un ejemplo practico de principio a fin con GSAP.
@williamjavierjimenez9451
@williamjavierjimenez9451 3 года назад
Brother, excelente tu video, soy desarrollador y no conocía este librería, gracias por compartir conocimientos
@angelarielarapa3376
@angelarielarapa3376 2 года назад
hola, acabo de conocer GSAP y gracias a tu video entendí mas sobre el tema, muchas gracias!!
@IVargasO
@IVargasO 3 года назад
Que buena energía, gracias por compartir Xavier
@juancamilovalenciavillanue8756
@juancamilovalenciavillanue8756 3 года назад
genial el aporte, muy interesantes los efectos y me gusta la forma en la que explicas!
@edsonrosales6
@edsonrosales6 2 года назад
No tenía ni idea que existiera esto, es increíble!
@edarpe
@edarpe 3 года назад
Excelente vídeo, aprendí mucho, felicitaciones
@LuisGarcia-sh3bt
@LuisGarcia-sh3bt Год назад
Gracias parcero, que buen tutorial, logré implementarlo tal cual. Muchisisimas gracias
@juanantoniorodriguezmartin4845
@juanantoniorodriguezmartin4845 3 года назад
GRACIAS por generar contenido de calidad en RU-vid. Soy programador frontend y al igual que todos, estoy en constante aprendizaje. Desde hace un tiempo, siento que algunos de los canales de programación a los que sigo han dejado de compartir conocimiento técnico y han pasado a hacer reviews o compartir experiencias personales. No digo que esto sea negativo, pero no fue el motivo inicial por el que me suscribí a su canal. Me encanta el contenido claro, rápido y conciso que me hace aprender acerca de nuevas librerías o tecnologías; y este vídeo cumple al 100% esto. Mucha suerte con tu canal, espero que todo te vaya bien. Sigue así!! Saludos desde España y Feliz Navidad :)
@joseantonioapariciogallego5620
@joseantonioapariciogallego5620 11 месяцев назад
Si quieres de verdad aprender a programar tienes que dejar de mirar tonterías y empezar a leer las documentaciones y codificar, da lo mismo, el que, lo que puedas, pero tienes que hacerlo tú solo, disculpa solamente es un consejo
@uniontic
@uniontic 3 года назад
Ingeniero excelente. Muchas gracias por compartir.
@dannyquinones5174
@dannyquinones5174 3 года назад
aca estoy viendo al proximo youtuber 100k+ subs . exitos hermano ,explicas muy BIEN
@Master-gn9nm
@Master-gn9nm 3 года назад
La verdad deberías tener mas suscriptores, tus vídeos son muy muy bueno bro ♥
@ezequieldav7
@ezequieldav7 3 года назад
Muy buen video, y el contenido que tenés en tu canal no tiene desperdicio. Sos crack! Saludos desde Buenos Aires, Argentina!
@ProgramadorX
@ProgramadorX 3 года назад
Muchas gracias David! 🙂 Saludos!
@intriga.realmedia
@intriga.realmedia 3 года назад
Super útil, buen video. Saludos desde Uruguay :)
@23varelaable
@23varelaable 3 года назад
un video de los mejores como todos los que haces muchas gracias por tu aporte un like bien grande!
@emilianoguerrero4984
@emilianoguerrero4984 3 года назад
Genial video, me ayuda bastante, muchas gracias!
@wikiflash8031
@wikiflash8031 3 года назад
Excelente vídeo! Feliz 2021! Es posible que hagas un vídeo como elefecto de tu logo y tú nombre, con el fondo verde? Un saludo!
@katsu8476
@katsu8476 3 года назад
Mi animación favorita es la de la web de TailWind CSS . Entra desde una PC y woowwww. Es la mejor landing Page que he visto
@daiana3060
@daiana3060 7 месяцев назад
Me gusta como explicas ...gracias
@torosbiobio
@torosbiobio 3 года назад
Gracias, me he suscrito .. saludo desde Chile
@kmilodesigner3678
@kmilodesigner3678 3 года назад
Tu contenido es calidad pura, tu forma de explicar los conceptos con tus palabras es buenísimo
@ProgramadorX
@ProgramadorX 3 года назад
Gracias Kmilo! 🙌🏽 Que bien saber que estuvo claro. 👍🏽
@MT-ox3gz
@MT-ox3gz 3 года назад
Gracias, no conocía esta librería
@weysher
@weysher 3 года назад
Increible, y no lo suelo decir xd, gracias por tu aporte bro!
@cristiansalazar6021
@cristiansalazar6021 3 года назад
Me gustan mucho tus vídeos, explicas muy bien
@ramsesgutierrez6126
@ramsesgutierrez6126 3 года назад
Muy buen video, gracias.
@nelsonsanchez6554
@nelsonsanchez6554 Год назад
Muchas gracias Amigo...
@alejandrorios6999
@alejandrorios6999 Год назад
gracias por el video. Sería Genial que hagas un curso bien completo desde cero con gsap, ya que hay poca informacion sobre esto en la web. Sin duda lo compraría.
@fastsmartsystem
@fastsmartsystem 3 года назад
Buen trabajo 😍😍😍😍😍 que libreria mas bonita
@afomaldonado8774
@afomaldonado8774 3 года назад
El contenido de este canal es magnético, adictivo. No quiero caer en la trampa de comparar con otros canales, pero estas en otro nivel. Excelente información, excelente explicación, motiva verlo. Saludos Xavier.
@ProgramadorX
@ProgramadorX 3 года назад
Qué comentario tan especial! 🙌 Me alegra que haya estado claro y magnético. 🧲 Muchas gracias Afo. Saludos!
@drfcozapata
@drfcozapata 3 года назад
Excelente dato!!! Saludos bro
@MauricioSevillaBritto
@MauricioSevillaBritto 3 года назад
Excelente vídeo bro !!! Nuevo suscriptor !!
@alonsorodriguez8691
@alonsorodriguez8691 3 года назад
Gracias amigo,me encanto tu vídeo, ya me suscribi🙂✌✌✌✌👏👏👏👏👏👏👏👏👏
@dearalex2056
@dearalex2056 Год назад
Que chingonsisisimo!
@erickciuda7384
@erickciuda7384 3 года назад
gran aporte, gracias
@eloyrolandocanchanyabalbin4692
@eloyrolandocanchanyabalbin4692 3 года назад
Hola, excelente video, gracias por compartir tus conocimientos. Bueno, quisiera implementar un mapa mental(o mapa conceptual o mind map) editable en una pagina web, por favor me podrías recomendar que tecnología/libreria/etc podría utilizar . Saludos.
@ImMaxPower
@ImMaxPower 3 года назад
Gracias profesor X
@hectorflores519
@hectorflores519 Год назад
Te admiro amigo programador x eres el mejor
@Carlos-iq4th
@Carlos-iq4th 3 года назад
WOW, Felicidades por los 600 subs, merecidos!
@ProgramadorX
@ProgramadorX 3 года назад
Muchas gracias Carlos! 😁👍 Me alegra mucho poder aportar a esta gran comunidad de desarrolladores. 💻
@Carlos-iq4th
@Carlos-iq4th 3 года назад
@@ProgramadorX Te he recomendado con un youtuber conocido mio, creo que ya te ha escrito, mucho exito y que los numeros sigan siendo generosos.
@abelemersonyauritapara5025
@abelemersonyauritapara5025 Год назад
Gran aporte amigo , se le agradece :3
@alvarodavidhernandezameson2480
@alvarodavidhernandezameson2480 2 года назад
Excelente video mr. X
@cristianvelasquez7298
@cristianvelasquez7298 10 месяцев назад
Una vez algo super crack que aún no entiendo cómo lo hicieron. El hermano de un amigo con el que aprendía Japonés, es programador en Disneyland. Él le hizo a mi amigo, una "personalización" del perfil de Google meet. Cuando el amigo ingresa SIN ACTIVAR LA CÁMARA, en lugar de la imagen de perfil, aparece un muñeco que se mueve. Si el que habla se rie, el muñeco se anima como si se estuviera riendo, cuando el daba la clase de Japonés, de fondo era un tablero verde y el muñeco aparecia con una varita en la mano para la exposición. Cuando el compañero se tomaba un descanso y salia de la reunión sin cerrar el meet, el muñeco se iba y quedaba ka habitación vacía. Quiero saber cómo carajos hizo ese señor para llegar a ese nivel 😅
@brayan6925
@brayan6925 3 года назад
Yo no busqué este video, el video me buscó a mí.
@victorgabriel-kd5me
@victorgabriel-kd5me 2 года назад
X2
@lex9709
@lex9709 2 года назад
x3
@kaelt75
@kaelt75 11 дней назад
Se ve cool, por cierto, en mi computador todas las librerías funcionan relativamente igual. No veo esa diferencia en rendimiento entre GSAP y las demás.
@cuntancuntan1253
@cuntancuntan1253 3 года назад
Algo más que aprender añadido a mi lista para convertirme en un máster del Frontend, soy una esponja que absorbe tu conocimiento >:D, keep going.
@ProgramadorX
@ProgramadorX 3 года назад
Que bien Cuntán Cuntán! 👍🏽De seguro vas a ser un máster del Frontend! 🙌🏽
@hectorb.calles5943
@hectorb.calles5943 3 года назад
Excelente video te ganaste un sub
@guerrerolucas271
@guerrerolucas271 3 года назад
muy buen video gracias :3
@mycloudvip
@mycloudvip 3 года назад
Hola me encantó tu canal. GSAP 3 se puede usar para proyectos comerciales o se requiere una membresía o pago? Tienes otro video donde compares otros frameworks de animación?
@pbclan2
@pbclan2 3 года назад
Estaba aprendiendo canvas y me tope con esto, igual no siento que mi tiempo en canvas fue desperdiciado, por que si lo aplico con esta libreria, ufff el poder para hacer animaciones no tendria limites
@tomasnadal9538
@tomasnadal9538 2 года назад
Q entretenido me resulto el video, bin ahi
@JeffAporta
@JeffAporta 3 года назад
Muy interesante, me ha gustado mucho
@ProgramadorX
@ProgramadorX 3 года назад
Me alegra que te haya gustado, Jeff! 🙂 Saludos!
@jeanpiermendoza4332
@jeanpiermendoza4332 3 года назад
¡Muy buen video y contenido en general! (ayer descubrí tu canal y me está gustando mucho) :) ¿podrías hacer un video explicando qué tecnologías nomas usaste para tu portfolio? ¡me estás motivando mucho! Saludos desde Ecuador :D
@ProgramadorX
@ProgramadorX 3 года назад
Muchas gracias Jeanpier! 🙌 Justo en estos días voy a sacar un video sobre mi portafolio en el que hablo de las tecnologías que uso. Me alegra que mis videos te motiven. Saludos! 🇪🇨
@jeanpiermendoza4332
@jeanpiermendoza4332 3 года назад
@@ProgramadorX ¡Muchas gracias!
@marcofernandezteves7340
@marcofernandezteves7340 3 года назад
Muy bueno, te felicito
@ProgramadorX
@ProgramadorX 3 года назад
Muchas gracias por ver mi video, Marco! 👍 Espero que haya sido útil!
@kevinjosue4540
@kevinjosue4540 3 года назад
wow ! estoy flipando , siempre me pregunte como se hacian esas animaciones bien avanzadas
@ProgramadorX
@ProgramadorX 3 года назад
😄 si, y hay muchas librerías más por explorar!
@abnervel
@abnervel 3 года назад
Esto sí es información útil, gracias al dios del internet llegaste bro. Jajajaja sigue haciendo vídeos de este tipo sobre librerías y frameworks en español. Calidad
@ProgramadorX
@ProgramadorX 3 года назад
😁🙌🏽
@mauriciomatias6261
@mauriciomatias6261 3 года назад
Gracias! ;)
@algebraoncemore9938
@algebraoncemore9938 2 года назад
Excelente tu explicación sería genial si realizas un tutorial de manim para Python
@bryyang
@bryyang 3 года назад
Wow! No sabía que tus animaciones las habías con código 😲 Puedes hacer un vídeo de JS avanzado? Gracias por tu contenido se aprende mucho!!😄
@ProgramadorX
@ProgramadorX 3 года назад
Gracias Bryan! 🙂 Sí, eso es lo especial de programar. Todo lo que vez en una computadora alguien lo hizo con código y tu tienes el potencial de hacer lo mismo o algo que nadie ha hecho antes 💻 Me encantaría hacer un video de JS avanzado. Tengo muchos videos que planeo hacer antes pero de seguro lo pondré en la lista. Saludos!
@bryyang
@bryyang 3 года назад
@@ProgramadorX Gracias por tomarlo en cuenta Xavier 😃 Estoy seguro que tu canal llegará muy lejos!!
@graffittering-3540
@graffittering-3540 2 года назад
Buen video, lo unico malo es que en ocasiones no le pones zoom al codigo, te recomiendo trabajar con el zoom desde el inicio.🙌
@manuelcobasguerra5688
@manuelcobasguerra5688 3 года назад
GRACIAS Maestro me salvaste la existencia
@ProgramadorX
@ProgramadorX 3 года назад
No hay de que, Manuel! 🙂👍🏽
@manuelcobasguerra5688
@manuelcobasguerra5688 3 года назад
@@ProgramadorX gracias por responder pocos lo hacen y eso hace la diferencia Gracias por tus enseñanzas nunca cambies
@RichardHdeS
@RichardHdeS 3 года назад
Hola, una pregunta ¿Recomiendas utilizar animaciones realizadas en Adobe Animate para integrarlas en paginas web? La verdad no se si llegue a ver alguna diferencia en cuanto al rendimiento de cargar las animaciones. Saludos.
@diegogarzon8358
@diegogarzon8358 3 года назад
me parece excelente tu contenido y me sorprende que solo tengas tan pocos suscriptores para la calidad de video que haces, tengo una pregunta, ¿Qué puede hacer que al desarrollar mi pagina, las animaciones se vean a tirones? :c
@cristianhernanhuscht7569
@cristianhernanhuscht7569 Год назад
me encanto tu video javi , lo que si estoy buscando lograr este efecto ... $("body").addClass("animated hinge"); es de Jquery y por lo que tengo entendido no es recomendable hacerlo en mi proyecto de react ... sabes de algun efecto parecido que tenga algun framework o algo asi ?? se lo quiero agregar a un componente cuando le den en la X del boton delete , me parece que quedaria super divertido eso jajaj .... desde ya muchas gracias por el valor que nos aportas!
@luissosa7685
@luissosa7685 Год назад
Excelente
@diegodavidp265
@diegodavidp265 3 года назад
Genial me suscribo, una duda de que país eres?
@frankmina9168
@frankmina9168 3 года назад
hola amigo, excelente contenido. recomiendas dreamweaver de adobe?. saludos
@juliocesarcontrerassayago6988
@juliocesarcontrerassayago6988 Месяц назад
BUENA EXPLICACION INGENIERO SOLAMENTE ME GUSTARIA QUE ME DE SU OPINON DEL FLASH PLAYER YA QUE HICE UNA ESENIFICACION DE UN CARRO CON SU CHOFER QUE SE ACERCA A UN SEMAFORO EN INDICANDO EL COLOR AMARILLO Y CUANDO CAMBIA A ROJO SE DETIENE PERO CUANDO EL SEMAFORO CAMBIA A VERDE SIGUIE SU CAMINO Y ESO LO HICE SENCILLAMENTE CON LOS FOTONES DE ESCENIFICACIONA GRACIAS POR SU TIEMPO EN ENSEÑAR PROGRAMACION SALUDOS
@nicolasmolina1063
@nicolasmolina1063 3 года назад
@programador x yo todavía no entiendo cómo no haces cursos para Udemy o plataformas similares...yo los compraría!! Son un capo hermano! Saludos desde argentina!
@ProgramadorX
@ProgramadorX 3 года назад
Muchas gracias Nicolás! Estoy cada vez más cerca de finalizar mi primer curso. Lo compartiré en el canal pronto. Gracias por tu apoyo! 🙂🙌🏽
@Fran-wk1wj
@Fran-wk1wj 2 года назад
@@ProgramadorX Ya lo has terminado? Estoy interesado!
@pieroangulocubas
@pieroangulocubas 3 года назад
GRACIAS PO COMPARTIR
@danielalejandrosilvafloria9793
@danielalejandrosilvafloria9793 3 года назад
Hola gracias por el contenido de calidad..!!! me ha aportado mucho en mis inicios, pero aprovecho para consultarte como se podría lograr que las mismas animaciones que mostraste se activen solo cuando pases el cursor del mouse por encima de la imagen??
@ProgramadorX
@ProgramadorX 3 года назад
Gracias Daniel. Lee más sobre mouse events. Hay un listener que se llama mouseup que es lo que estás buscando. Saludos!
@jordinodejs3291
@jordinodejs3291 2 года назад
¿hay alguna alternativa con el mismo performans y que sea completametne gpl? Se me ocurre animejs, por ejemplo, pero no sé si su rendimento es el mismo, peor o mejor.
@phalcom95
@phalcom95 Год назад
Hay forma de incorporar Scrolltrigger zoom con el scroll progress bar?
@GOPUBLICIDADEstudioCreativo
las mismas propiedades y animaciones se pueden aplicar para React?
@juandadev
@juandadev 3 года назад
muy buena
@zackysh_
@zackysh_ 3 года назад
te ganaste un sub :)
@ProgramadorX
@ProgramadorX 3 года назад
🙌🏽
@soyelgaspar6205
@soyelgaspar6205 2 года назад
Hola inge, me encanta tu contenido, recientemente he tomado la decisión de adentrarme al mundo de la programación, qué editor de código recomiendas para iniciar?. Saludos desde la Ciudad de México.
@ProgramadorX
@ProgramadorX 2 года назад
VSCode! 🙂👍🏽
@1vanbrav0
@1vanbrav0 3 года назад
Una duda, que es mejor, aprender a hacer la animaciones desde 0 con JS vanila, hacer uso de esta librería, o ambos?. La pregunta por aquellos tiempos de Jquery, en la que aveces algunos lo aprendían sin entender JS, lo que terminaba provocando una mala practica. Saludos hasta allá.
@laondaradio2022
@laondaradio2022 2 года назад
Estaría muy chingón que subieras cómo hacer un barra de animación, de música con esta librería
@ProgramadorX
@ProgramadorX 2 года назад
Tengo muchísimos temas que tienen prioridad pero suena interesante! 🙂👍🏽
@joseantonioiturmendigoicoe3570
@joseantonioiturmendigoicoe3570 3 года назад
Gracias por todo, y sobre todo por la labor didáctica que ofreces de manera altruista. Una pregunta: *¿una máquina virtual para ejecutar código malicioso?* Que maquina virtual es la más sencilla y fácil de usar. Un saludo cordial.
@ProgramadorX
@ProgramadorX 3 года назад
No hay de qué, José Antonio! Gracias por ver mis videos! 🙌 La verdad prefería que vayas por la ruta de códigos beneficios antes que que códigos maliciosos 😂 pero es bueno aprender de esto, especialmente si estudias más de seguridad. De esta manera vas a saber lo que los hackers te pueden hacer. En el campo de la programación web, la herramienta mas util que es parecida a una máquina virtual es Docker pero se utiliza con otros fines. Hay muchísimas maneras de crear códigos maliciosos por ejemplo utilizando bash scripts pero en el campo de programación web, los ataques más comunes que vas a ver son estos www.rapid7.com/fundamentals/types-of-attacks/
@joseantonioiturmendigoicoe3570
@joseantonioiturmendigoicoe3570 3 года назад
@@ProgramadorX ¡Hola!... Programador *X:* https:www.eicar.org/ La X, de siempre ha sido una incógnita, por lo menos en las asignaturas de álgebra, (con ecuaciones en 1° 2° y también 3°). Tu, en sí eres una incógnita, pero conocida, es decir, que para averiguar tu valor basta ver tus publicaciones, gracias por ello. Me comentas que prefieres que vaya por la ruta de códigos beneficiosos y como buen conocedor que eres de los códigos, sabes mejor que nadie que para combatir a los malhechores del ciberespacio, hay que combatirles con- *"contra código"* < precisamente para neutralizar su maliciosa compilación>. Contra código malicioso!, código más malicioso.., pero para combatirles, eso es todo. El apassionante mundo de la cibersegurida. VBScript se utiliza aún hoy en día para neutralizar virus y también para construir virus y también python, java, JavaScript, php, macros, etc etc. Me quedo con tu webpage. Estudiaré la máquina virtual *Docker.* 🌹 🌹 🌹
@judithneumann769
@judithneumann769 3 года назад
Excelente video!!! Por favor no puedes preparar un curso completo? Hace mucho que busco alguno.... Muchas gracias!!! Saludos cordiales desde Argentina!!! :)
@ProgramadorX
@ProgramadorX 3 года назад
Muchas gracias Judith! 🙌 Hoy en día estoy con poco tiempo para hacer un curso completo 😔 pero me encantaría hacerlo en algún momento. 😃 Que tema te interesaría conocer más? Hay muchísimos buenos cursos a tu alcance en RU-vid y Udemy si necesitas empezar ya. Saludos! 💻🇦🇷
@judithneumann769
@judithneumann769 3 года назад
@@ProgramadorX Hola cómo estás? Me dedico a hacer animaciones, ya sea en HTML y CSS o en After Effects. Sólo me quedaría pendiente aprender animaciones SVG con Javascript como por ejemplo usando alguna librería como Greensock pero cuesta encontrar cursos y en especial en español. Si bien entiendo inglés no es lo mismo. Desde ya muchas gracias por compartir tus conocimientos y por tratar de ayudarme!!! :) Si tenés alguno para recomendarme biemvenido sea!!! Desde ya muchas gracias!!! Saludos cordiales!!! :)
@ProgramadorX
@ProgramadorX 3 года назад
@@judithneumann769 No he visto muchos cursos de SVG en inglés tampoco. La mayoría de informacion de SVG he visto en blogs. Creo que eso es porque es más especializado y ahora que lo mencionas me da mucho interés de hacer un vídeo de animaciones de SVG a detalle en un futuro. 🙂👍🏽Creo que GSAP es lo más útil para ese tipo de animaciones así que este vídeo también se aplica a SVG. Otra librería que te puede interesar es vivus.js que la utilicé en algunos proyectos. Saludos!
@anddyroque3004
@anddyroque3004 2 года назад
pregunta... puedo agregarle esta libreria a una pagina ecommerce?? o tengo que adquirir la licencia si o si??...
@marcovcg1819
@marcovcg1819 3 года назад
Excelente explicación, pero para movies sería mejor una herramienta que te permita trabajar con fotogramas, yo podía usar flash y eso era grandioso, ahora imagino que han de haber herramientas similares
@battle2n
@battle2n 3 года назад
con respecto a la última sugerencia, pues three.js creo que hace algo similar pero en 3D. nunca lo he usado pero los ejemplos son dignos de revisar threejs.org/examples/
@ProgramadorX
@ProgramadorX 3 года назад
Qué buen link! 💯 Si he visto Three.js en el pasado y muchos compañeros de trabajo lo utilizan para proyectos en 3D. Definitivamente tengo que encontrar tiempo para utilizar esta librería que se ve muy buena. Gracias battle2n! 👍
@rgbesmedia
@rgbesmedia Год назад
Hola....GSAP vs Three.JS cuál será mejor?
@hendriklopez6121
@hendriklopez6121 3 года назад
crack, sabes si existe algún ebook (o pdf gratuito) de GSAP? me es más facil entender de esa manera
@celsobelingheri1006
@celsobelingheri1006 3 года назад
Buenísimo, pregunto esos efectos hacen más pesadas las páginas, digo demoras en la carga ?? Gracias.
@nicolanarracci
@nicolanarracci 3 года назад
la primera ves tienes que descargar la cdn
@celsobelingheri1006
@celsobelingheri1006 3 года назад
@@nicolanarracci Muchas gracias 🇦🇷
@devmaster8923
@devmaster8923 Год назад
podrías hacer una landig page utilizando esta librería? por favor
@druken94
@druken94 Год назад
Como se puede hacer las animaciones responsivas? En el pc se ven perfecto, pero en móvil hay problemas porque tienes que scrollear mucho para que aparezcan las animaciones (en caso de hacerlas con scroll)
@camiloarellano7810
@camiloarellano7810 3 года назад
👍 Ok
@AlexdobleU
@AlexdobleU 3 года назад
👍
@pablovictorvargas5356
@pablovictorvargas5356 3 года назад
programador x podrias hacer alguno integrando gsap en next js!!
@ProgramadorX
@ProgramadorX 3 года назад
Gracias por la sugerencia, Pablo! Tengo algunos otros videos con prioridad por el momento pero de seguro hablaré de next.js en algún momento. Si haces una búsqueda en línea talvez encuentras blogs sobre este tema específico. Saludos! 🙂
@j.villasmil9575
@j.villasmil9575 2 года назад
Y como haría el equivalente a poner porcentajes en mi animacion css?. es decir: 0% { animacion} 25% {animacion} ect
@Mike-jq7os
@Mike-jq7os Год назад
Quisiera poder crear un canvas animado a partir de el logo oficial de instagram, lo que quiero lograr es que cuando el usuario pase el mouse por encima de la imagen suceda la animación. La animación podría ser de desvanecimiento de partículas de la imagen, y viceversa, que se repita infinitamente hasta que el usuario quite el mouse por encima de la imagen.
@woodyjacques9753
@woodyjacques9753 2 года назад
Hola que tal muy buen video estoy haciendo un proyecto y estoy estancado con un formulario. He logrado captar los datos del formulario a una base de datos de firebase pero no logro enviar esos datos a la cuenta de Gmail de la propia aplicación. ¿Me puedes ayudar?
@FrAnKLinStUaR
@FrAnKLinStUaR 3 года назад
¿Eres cuencano o quiteño? Tienes más acento de cuencano. Excelente recomendación de librería
Далее
Programador reacciona a los mejores PORTAFOLIOS 💼
12:16
The Funniest Trampoline Moments!
00:40
Просмотров 3,5 млн
NOMADA DIGITAL ...todo lo que NO SABES 🗺️ ✈️
9:55
JS para gente que ya sabe programar
2:21:57
Просмотров 146 тыс.
Animaciones en JavaScript con D3.js 📊
12:15
Просмотров 29 тыс.