Manita arriba al video si te gusto el video y aprendiste algo nuevo! 👍 Y no olvides suscribirte para mas tutoriales!
@nicolastovar792
2 жыл бұрын
Super.
@jerlandejoseph4350
2 жыл бұрын
!Es grandioso!
@AlexizGD
2 жыл бұрын
Si haces un curso de GSAP, seria una locura no importa que sea de paga
@cloudstrife80
2 жыл бұрын
Eres el mejor uwu
@axelosvaldo1343
2 жыл бұрын
Yo llevo años siguiendo a Falcon, sinceramente su contenido para mí es el mejor, muy bien explicado, les recomiendo mucho que tomen sus cursos, yo tengo el de diseño y uff, es brutal, buenísimo!!
@FalconMasters
2 жыл бұрын
Muchas gracias por este comentario Axel !
@hacking-multiboot904
2 ай бұрын
yo con Falcon aprendi React en su cruso de udemy, es el que yo siempre recomiendo cuando me pregunta que quieren aprender React
@fransanto5315
Жыл бұрын
Muy bien explicado el proceso, pero os comento mi experiencia. Estando en local con un proyecto Wordpress, me funciona correctamente el código JS, aunque apunto a más imágenes. Pero en la misma web ya en producción no funciona. Me percaté que la clase visible no se añade, después de algunas horas de investigación y por el método prueba error, pude lograr que funcionase. Para lograrlo al añadir la clase visible hay que añadir como segundo parámetro 'entrada.isIntersecting'. No logro saber porqué pero funciona. Dejo este comentario para a quien pueda interesarle. Saludos desde España.
@jrluidar2384
Жыл бұрын
Perfectamente explicado!!! Gracias
@milagrossalas4734
24 күн бұрын
Me gustó la explicación, es muy entendible. Me suscribo 🤓
@oscar_cyou
Жыл бұрын
Como un comentario adicional, una vez que la imagen se le agrega la clase 'visible' ya no es necesario mantener el observe activo, después de la línea 10 yo colocaría observador.unobserve(entrada.target) para evitar que se siga ejecutando infinitamente
@albertomunoz964
Жыл бұрын
No sería observador.unobserve(entrada)? sin el target? pregunto porque no se
@oscar_cyou
Жыл бұрын
@@albertomunoz964 Buena pregunta. Es necesario pasar “entrada.target” porque de esta manera el observer detecta específicamente que elemento deja de observar, en este caso la imagen. En otras palabras entrada.target = imagen entrada = object
@lucasfr86
2 жыл бұрын
Tomé su like buen hombre! Con esto nunca más voy a usar WOW.js jeje saludos
@cesartejada7196
Жыл бұрын
Muchas gracias por compartir tus conocimientos con los que empezamos a programar. Eres un crack. Un saludo!!
@FalconMasters
Жыл бұрын
Gracias a ti, me alegra que te sirvan mis videos!
@AguVDev
2 жыл бұрын
Muy buen ejemplo, siempre despertas la creatividad con tus tutoriales!
@hacking-multiboot904
2 ай бұрын
eres el mejor explicando bro
@FalconMasters
2 ай бұрын
Muchas gracias!
@brianbouza1730
Жыл бұрын
Nunca había vista una explicación Yam buena como la tuya, espero que sigas así de animado con estos videos tan bueno
@FalconMasters
Жыл бұрын
Muchas gracias!
@martinfloresdev
2 жыл бұрын
hasta ahora el mejor video de IntersectionObserver :)
@sebastianmoyano7313
2 жыл бұрын
Muchas gracias, excelente, muy bien explicado, estoy armando mi portafolio y quería aprender hacer eso
@jesusalexistenoriohernande6994
Жыл бұрын
Mas videos como esteeee!
@cesargarcia-ji8bp
2 жыл бұрын
gracias crack es lo que eh estado buscado broo
@cloudstrife80
2 жыл бұрын
Está genial la implementación. Siento que Intersection Observer podría explotarlo para hacer efectos bien alocados y divertidos, sin embargo, ara mostrar imágenes o elementos con scroll humildemente yo recomendaria más la librería AOS. Falcon, un dia estaría genial te aventaras un tuto de AOS, está bien fácil de implementar y todo. Gracias por siempre aportarnos nuevas cosas ♥
@FalconMasters
2 жыл бұрын
No la conocía, esta genial. Lo voy anotar en mi lista de videos por hacer.
@luisangelcortezgrijalva6778
2 жыл бұрын
@Javier Caballero una vez hice y mi máquina se congeló y así se quedó por mucho tiempo.
@sakuracc8436
2 жыл бұрын
Gracias por la explicación, tan clara como siempre!. Necesito utilizar esto en typescript y me ayudaste mucho a entenderlo!.
@zcoding8355
2 жыл бұрын
Genial como siempre! 😎👍 En cada video mejoras muchisimo, no solo el contenido sino la forma de enseñar, se nota tu esfuerzo... Gracias por mi y me atrevo a dartelas por toda la comunidad dev, a quien tanto has apoyado! Crack...💪
@martincornejo3479
Жыл бұрын
Muchas gracias! Muy bien explicado
@FalconMasters
Жыл бұрын
Gracias!
@pablodemartini6318
Жыл бұрын
Excelente como siempre, el tema y la explicación.
@C.F_Studio
7 ай бұрын
Magistral y buen ritmo
@YosipmikeColin
2 жыл бұрын
Falcón puedes subir páginas con animación de GSAP.
@FalconMasters
2 жыл бұрын
Lo voy anotar en mi lista de posibles videos
@YosipmikeColin
2 жыл бұрын
@XitusDeves una biblioteca para animación avanzadas en páginas web mucho mejor de jQuery
@YosipmikeColin
2 жыл бұрын
@XitusDev la verdad nunca he usado anime.js no sabría decir si es mejor o peor o iguales. Pero te puedo decir que con GSAP puedes hacer muchas animaciones elegantes.
@da.tt.r3025
2 жыл бұрын
Excelente explicación. Manito arriba.....
@juanveron9734
2 жыл бұрын
Fue oro esta clase, gracias!
@juanbarrionuevo3320
Жыл бұрын
Excelente! muchas gracias!
@jfav809
2 жыл бұрын
Maravilloso, después de tanto buscar encontre lo que necesitaba, muchas gracias
@FalconMasters
2 жыл бұрын
Me alegra que así fuera!
@ayrtonnahuel6042
2 жыл бұрын
Gracias por todo el contenido Falcon, me ayudaron a creecer muchísimo. Te lo agradezco con el ❤️
@FalconMasters
2 жыл бұрын
Me da mucho gusto que así fuera.
@juanda3396
2 жыл бұрын
Espero con ansias otro video
@FalconMasters
2 жыл бұрын
Cada semana un video nuevo
@AlejandroCobaleda
2 жыл бұрын
El contenido que haces es god! , gracias por tanta enseñanza.
@uwupaloma3387
Жыл бұрын
Increible video
@newentu
2 жыл бұрын
Muy interesante 😃😃
@jonatanezequiel3764
Жыл бұрын
Excelente video, hermano! Gracias!
@rolandodiaz6020
2 жыл бұрын
Gracias hermano! Manito ARRIBA y Campanilla ACTIVADA!. Sensei!
@HimawariClow
Жыл бұрын
Muy bien explicado, me suscribo desde ya!
@alfonsoadamerueda9842
2 жыл бұрын
ya lo logre muchas gracias.
@jonathancaceres4981
Жыл бұрын
Mi maestro
@brianrios6714
2 жыл бұрын
muy buena explicación!
@danielcolmenares8234
2 жыл бұрын
excelente explicacion
@javierbrausin
2 жыл бұрын
Hola, me pasa algo muy curioso, el efecto me funciona cuando utilizo el inspector del navegador, pero si dejo de utilizar el inspector no funciona. Alguien sabe el porqué
@TutoGamerOficial
2 жыл бұрын
genio !
@strongapm5335
2 жыл бұрын
excelente
@samuelcardozo9861
2 жыл бұрын
muy bueno
@matiasmaez
2 жыл бұрын
maestrooo 🙌🙌
@miguelmondragon1366
2 жыл бұрын
Falcon estaria genial un curso en udemy de python
@cousi
2 жыл бұрын
Muy interesante
@IvanSanchez-nz4vt
Жыл бұрын
Muy buena explicación me quede pegado a la pantalla, recién me estoy entrando a este mundo, solo tengo un pregunta, De donde sacas entradas y entrada? veo que no son variables que declaras, si es algo obvio , disculpa la ignorancia XD
@jseh_
2 жыл бұрын
Si esta intersante, un video explicando como hacer el efecto parallax plox
@ivanrodriguez3405
2 жыл бұрын
Buenisimooo, buen vídeo guuapooo
@nelosanjines6463
2 жыл бұрын
Buen tutorial estimado amigo Falcon, una consulta, existe el seporte necesario para implementarla?
@FalconMasters
2 жыл бұрын
Si, todos los navegadores actuales lo soportan.
@davidpavon1880
2 жыл бұрын
gracias amigo :)
@diegoortiz9674
2 жыл бұрын
Crack !!
@brianmichelhernandezgarcia
2 жыл бұрын
Oye no se te ha ocurrido un vídeo para revisión de portafolios?
@FalconMasters
2 жыл бұрын
¿Revision de portafolios?
@brianmichelhernandezgarcia
2 жыл бұрын
Si, que las personas te manden sus páginas creadas por ellos mismos donde muestran sus trabajos. Y tú con base a tu experiencia puedas dar consejos sobre diseños, mejoras etc. 😅
@todocurso2274
8 ай бұрын
La función CargarImagen, que recibe entradas y observador, por qué observador no se ilumina? lo que veo es que no se lo llama desde ningún lado. Falta llamar a observador? A mí no me funcionó
@starbuckscoffeeoficial
2 жыл бұрын
Como siempre el mejor 😀
@FalconMasters
2 жыл бұрын
Aprecio tus palabras Starbucks Oficial, pero mejor patrociname lol
@starbuckscoffeeoficial
2 жыл бұрын
@@FalconMasters JAJAJAJAJAJA
@laubanegas6130
Жыл бұрын
Buenas tardes! Muchas gracias por tu tutorial, te quería hacer una consulta ya que logro que la imagen "aparezca" en js pero al probar en la consola como se vería en otros dispositivos más pequeños me crea una barra inferior (como de scroll de izq a der) y un efecto raro al aparecer la imagen. Sabés cómo lo puedo modificar? Gracias
@FalconMasters
Жыл бұрын
Hola Lau, pueden ser muchas cosas, prueba poniendo un overflow:hidden; en el contenedor principal de tu página, eso quizas te ayude a ocultar ese scroll horizontal.
@mmci_oficial
2 жыл бұрын
Y se puede imprementar en Wordpress
@FalconMasters
2 жыл бұрын
Si, lo puedes implementar si sabes como agregar código javascript a tu tema o sitio
@sebastiandossantos7158
2 жыл бұрын
Falcon muy buen video! A esta api debemos linkearla o llamarla de alguna manera para que funcione?
@caminoalmillon007
2 жыл бұрын
Voy a yorar; esto es maravilloso🤧
@FalconMasters
2 жыл бұрын
Yo también llore la primera vez que lo use.
@strongapm5335
2 жыл бұрын
A que se debera que cuando accedo al valor de cualquier propiedad entries me salen como undefinded y cuando accedo a la propiedad como tal me arrojo todos sus valores. :(
@s.m.4708
Жыл бұрын
Muy buen video. Como se podria hacer para que cuando seguis haciendo scrolll para abajo y ya no este la imagen en el viewport, esta vuelva a desaparecer?
@joaquinrodriguez2786
5 ай бұрын
Donde consigo imagenes de buena calidad para ponerla en fondos largo como el muestra en el ejemplo, o hay alguna manera especifica de ponerlo para que no pierda calidad
@FalconMasters
5 ай бұрын
Hay muchas páginas, la que yo suelo utilizar es la de unsplash. Tiene miles de imágenes gratuitas y de todos los tamaños, así que allí puedes encontrar imágenes grandes.
@EduardCamiloOrtegaSanchez
Жыл бұрын
P*to amo!
@abndea
2 жыл бұрын
apenas estoy aprendiendo css y ya quiero hacer esto xd
@jkimtorrez7097
2 жыл бұрын
en el responsivo no me funciona y nose por que
@adonisbecerramorales8453
Жыл бұрын
A mi tampoco, has encontrado alguna solución?
@adrianrios8597
2 жыл бұрын
Hola, lo encuentro genial..!! Pero tengo una duda, que es lo que pasa si quiero implementar todo este efecto a un sitio web completo.. ?? tendría que por cada elemento crear un ID y eso codificarlo en el archivo js.? Existirá la forma de nop generar más código y que el código sea reutilizable.? Te leo, y gracias por el tutorial, lo encontré muy bueno.
@sebastiansiman6076
Жыл бұрын
por empezar crea una variable con el queryselector. Así te evitas de crear una variable para cada class o id. Luego habría que ver que tantas animaciones únicas o repetidas tenes en la página, si evitas usar px o em
@alfredomontes1111
2 жыл бұрын
Crack ❤️💪
@maxidevs
2 жыл бұрын
No entiendo porque el parametro entradas al hacer console.log tiene un array dentro. Entiendo que el observador es el objeto y que al hacerle el console, este se muestre. Pero "entradas" no lo he visto en ningun lado, de donde sale ese array y como termina asignado? Es especifico, osea que nunca puede ser llamado de otra forma?
@noeliaocanavega6083
2 жыл бұрын
Yo tampoco entiendo
@alfonsoadamerueda9842
2 жыл бұрын
Hola muchas gracias por el video, estoy tratando de hacerlo pero con texto pero no me funciona me puedes ayudar por favor
@santiagoernst2306
Жыл бұрын
Hola! Cuál es tu apariencia de VS Code??
@FalconMasters
Жыл бұрын
Se llama Ayu Mirage
@jhonatanveliz4580
Жыл бұрын
Porfavor ancla este comentario!!!
@jampy42
2 жыл бұрын
Pero eso no se puede hacer con css? Cuál es el beneficio?
@FalconMasters
2 жыл бұрын
Las animaciones se pueden hacer con CSS. Pero con CSS no puedes detectar cuando un elemento entra a pantalla.
@alayog_z
2 жыл бұрын
Falcon, ya probaste windows 11? Esta genial y tiene buen rendimiento Esta muy estable
@caminoalmillon007
2 жыл бұрын
increible que esto tenga tan pocos likes
@juanalmonte1642
2 жыл бұрын
Se puede aplicar a cualquier div?
@FalconMasters
2 жыл бұрын
Si
@guerreroalvarezedsonsaid4517
2 жыл бұрын
I love you
@bryanweber5177
2 жыл бұрын
No entiendo de dónde sale el parámetros "entradas" si no está definido por ningún lado. Por eso no entiendo en qué se basa el console.log para arrojar resultados al momento de referirse a ese parámetro...
@FalconMasters
2 жыл бұрын
Hola Bryan, entradas es un parámetro que definimos en esa primera vez donde lo escribo. Por eso no se ve que lo defina antes como si fuera una variable normal.
@nazz4522
11 ай бұрын
tema vscode: Ayu Mirage
@jkimtorrez7097
2 жыл бұрын
me ayudan con eso
@davidpavon1880
2 жыл бұрын
ya quiero llegar a niveles mas altos pero tengo una silla que me revienta la espalda :v
Пікірлер: 115