Scroll Infinito con Javascript

แชร์
ฝัง

ความคิดเห็น • 49

  • @FalconMasters
    @FalconMasters  3 ปีที่แล้ว +12

    Si te gusto este video dale manita arriba 👍
    Y no olvides suscribirte!

    • @cristianovelazquez2048
      @cristianovelazquez2048 2 ปีที่แล้ว

      Podrías explicar uno con vídeos (usando la misma API). Gracias.

    • @jcruz30
      @jcruz30 2 ปีที่แล้ว

      podrías hacer un carrusel de items (cards como en bootstrap) en horizontal y vertical? con javascript puro?

    • @FalconMasters
      @FalconMasters  2 ปีที่แล้ว +1

      @@jcruz30 Ya tengo varios videos de como hacerlos en mi canal de youtube

    • @xnake.10
      @xnake.10 2 ปีที่แล้ว

      @@FalconMasters Falcon que tal, vengo del curso de adobe XD y me interesa comprar el cursos de Diseño Web Profesional El Curso Completo, Práctico y desde 0 y quisiera que me envíes el cupón para poder acceder al curso.

    • @FalconMasters
      @FalconMasters  2 ปีที่แล้ว

      @@xnake.10 Hola Juan, claro que si, intentale con este cupon:
      www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7

  • @genesispatino3275
    @genesispatino3275 ปีที่แล้ว +1

    Falcon, nunca decepcionas. Thanks.

  • @Rodrigo-os6md
    @Rodrigo-os6md 2 ปีที่แล้ว +6

    Buen vídeo Carlos! Que crack! Me encantaría que hagas un search en este proyecto, yo se que hay mil formas de hacer un search pero simplemente tú lo explicas super claro y didáctico
    Saludos master!

  • @orlandojvasquez74
    @orlandojvasquez74 ปีที่แล้ว

    Gracias por el articulo, fue muy util. Hice este ajuste por si a alguien le sirve. Para no dejar quemado el numero de paginas y permitir mostrar lo que se necesite, use una variable temporal asi:
    const anunciosMostrados=document.querySelectorAll('.contenedorGaleria .divFigure');
    temp=ultimoAnuncio;
    ultimoAnuncio=anunciosMostrados[anunciosMostrados.length-1];
    if (temp.innerHTML!=ultimoAnuncio.innerHTML){
    observador.observe(ultimoAnuncio);
    }

  • @AngelGutierrez-og3xe
    @AngelGutierrez-og3xe 3 ปีที่แล้ว +4

    Un crack, justo lo que necesitaba

  • @marcosmbula6678
    @marcosmbula6678 ปีที่แล้ว

    Buen vídeo , aprendí mucho .
    Gracias por su apoyo a la comunidad . un abrazo

  • @andresa3220
    @andresa3220 3 ปีที่แล้ว +1

    Crack! Tan genial como siempre señor Falcon, más videos sobre este tipo de cosas por favor. Saludos!

  • @juliopaez9989
    @juliopaez9989 3 หลายเดือนก่อน

    Muchas Gracias por este valioso aporte, esta genial

  • @johanngn
    @johanngn 3 ปีที่แล้ว

    Eres un grande Falcon, te sigo a muerte y tu contenido nunca decepciona... contigo cada vez aprendo algo nuevo. PD: sería genial si en el próximo video del proyecto sea sobre un buscador de peliculaa usando la misma Api. Un abrazo mi hermano, pura vida para ti, saludos.

  • @matiasminoni756
    @matiasminoni756 ปีที่แล้ว

    Gracias amigo busque por muchos lados y lo entendí con tu video

  • @oscardokis1
    @oscardokis1 8 หลายเดือนก่อน

    Hola buen video graciasss, para solucionar el problema de las imagenes antes de que cargen tambien podemos usar en CSS aspect-ratio.

  • @cesarsuperspectro642
    @cesarsuperspectro642 3 ปีที่แล้ว

    Hola Falcón eres un excelente youtuber en la programación y espero que sigas así.

    • @FalconMasters
      @FalconMasters  3 ปีที่แล้ว +1

      Muchas gracias, aprecio mucho tu comentario.
      Saludos!

    • @cesarsuperspectro642
      @cesarsuperspectro642 3 ปีที่แล้ว

      @@FalconMasters 😨GUAU!!! NINGÚN TH-camR TAN QUERIDO COMO TU ME HABÍA RESPONDIDO ANTEEES😁😁😁

    • @FalconMasters
      @FalconMasters  3 ปีที่แล้ว

      @@cesarsuperspectro642 Siempre intento responder los comentarios :D

  • @cristianovelazquez2048
    @cristianovelazquez2048 2 ปีที่แล้ว

    Genial!! Gracias por el contenido.

  • @albertoalvarez7131
    @albertoalvarez7131 2 ปีที่แล้ว

    excelente contenido, he aprendido mucho con tus videos, Thanks

  • @francorodriguez9709
    @francorodriguez9709 3 ปีที่แล้ว

    Excelente Carlos!
    Siempre veo tus videos, eres genial :D

  • @jkmilo.r
    @jkmilo.r 2 ปีที่แล้ว

    Muy buen video amigo!

  • @2diwen
    @2diwen ปีที่แล้ว

    Falcon una preguntita. O cualquiera que me pueda ayudar. Hice lo del min-height: 200px; en CSS pero no me funciona, apenas carga la pagina por primera vez aparece isIntersecting: true sin estar visible la imagen. Que otra forma hay de soluciona ese pequeño detalle. Gracias.

  • @ariel._.9186
    @ariel._.9186 2 ปีที่แล้ว

    muchas gracias

  • @josemariadiy6400
    @josemariadiy6400 2 ปีที่แล้ว

    Hola Falcon,
    Una consulta, si la data tiene más de 1000 páginas, que opción se podría usar para ver todos los registros o resultados...???? 🤔
    Saludos

  • @emprendedorescreativos2018
    @emprendedorescreativos2018 2 ปีที่แล้ว

    Excelente Contenido

  • @SergioPerezCamargo
    @SergioPerezCamargo 2 ปีที่แล้ว

    Excelente

  • @Djoako22
    @Djoako22 3 ปีที่แล้ว

    Gracias Falcon, tenes idea como hacer scraping con react? Esta el modulo cheerio pero nose usarlo en react, o hay alguna de hacer scraping con python y darle esos datos a Javascript para usarlos en una web?

  • @yayogd8787
    @yayogd8787 3 ปีที่แล้ว +1

    Esto me servira mucho

  • @AnonymousYTBE
    @AnonymousYTBE 3 ปีที่แล้ว

    Buen vídeo, me pregunto ¿Cuál es el atajo de teclado o extensión que te permite comentar las líneas que tengas seleccionadas así de rápido?

    • @FalconMasters
      @FalconMasters  3 ปีที่แล้ว +1

      En mi caso es con Ctrl + / pero tengo un teclado en ingles, no se si sea igual en uno en español

    • @AnonymousYTBE
      @AnonymousYTBE 3 ปีที่แล้ว

      @@FalconMasters gracias :)

  • @JhoEspana
    @JhoEspana 2 ปีที่แล้ว

    Hola, gracias por los tutoriales
    en mi caso me dice que el NodeList está vacío, :/ no entiendo a que se debe, estoy usando otra api llamada Platzi Fake Store API

  • @zrjcoding
    @zrjcoding 3 ปีที่แล้ว +2

    este man parece que me anda leyendo la mente xD. Hace un momento buscaba crear efectos de scroll y mira xd

  •  3 ปีที่แล้ว

    Hola Falcon, muy bueno el video. Como logro que cuando no hayan más películas se detenga, sin hacer el condicional < 1000?

    • @Rayzer10X
      @Rayzer10X ปีที่แล้ว

      Lo aconsejable sería tomar el valor del total dependiendo de la api el cual el json te lo da y después realizar la condición

  • @danielbriceno3658
    @danielbriceno3658 3 ปีที่แล้ว

    y para bajar a cierta seccion especifica de la pagina, como se haria cuando los elemtos se crearon dinamicamente?

    • @FalconMasters
      @FalconMasters  3 ปีที่แล้ว

      Eso no lo haría con Intersection Observer.
      Simplemente tomaria el elemento que quiero acceder y obtengo su offseHeight y se lo asigno al scroll.

  • @llamaamazonica5810
    @llamaamazonica5810 3 ปีที่แล้ว

    👍

  • @angelesyo7076
    @angelesyo7076 2 ปีที่แล้ว

    Muy interesante. Si hubiera sido, además, resposive, hubiera estado perfecto... No lo descartes para el futuro

    • @FalconMasters
      @FalconMasters  2 ปีที่แล้ว +1

      Hola, tengo decenas de videos de diseño responsive en mi canal de youtube que te pueden servir para implementarlo.
      Yo no lo agrego a este video porque seria alargarlo innecesariamente con algo que ya enseño en muchos videos.

  • @Dxs-d9x
    @Dxs-d9x 3 ปีที่แล้ว

    Que tema usas en visual studio code?.

  • @anibal000
    @anibal000 ปีที่แล้ว

    te he enviado un Msj a vver si puedes ayudarme con una tonteria, que es relacionada con este tema