Scroll Infinito con Javascript

Поділитися
Вставка
  • Опубліковано 15 гру 2024

КОМЕНТАРІ • 49

  • @FalconMasters
    @FalconMasters  3 роки тому +12

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

    • @cristianovelazquez2048
      @cristianovelazquez2048 3 роки тому

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

    • @jcruz30
      @jcruz30 3 роки тому

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

    • @FalconMasters
      @FalconMasters  3 роки тому +1

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

    • @xnake.10
      @xnake.10 3 роки тому

      @@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  3 роки тому

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

  • @orlandojvasquez74
    @orlandojvasquez74 2 роки тому

    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);
    }

  • @genesispatino3275
    @genesispatino3275 Рік тому +1

    Falcon, nunca decepcionas. Thanks.

  • @Rodrigo-os6md
    @Rodrigo-os6md 3 роки тому +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!

  • @juliopaez9989
    @juliopaez9989 5 місяців тому

    Muchas Gracias por este valioso aporte, esta genial

  • @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!

  • @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.

  • @AngelGutierrez-og3xe
    @AngelGutierrez-og3xe 3 роки тому +4

    Un crack, justo lo que necesitaba

  • @matiasminoni756
    @matiasminoni756 2 роки тому

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

  • @oscardokis1
    @oscardokis1 9 місяців тому

    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 UA-camR TAN QUERIDO COMO TU ME HABÍA RESPONDIDO ANTEEES😁😁😁

    • @FalconMasters
      @FalconMasters  3 роки тому

      @@cesarsuperspectro642 Siempre intento responder los comentarios :D

  • @francorodriguez9709
    @francorodriguez9709 3 роки тому

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

  • @albertoalvarez7131
    @albertoalvarez7131 3 роки тому

    excelente contenido, he aprendido mucho con tus videos, Thanks

  • @ariel._.9186
    @ariel._.9186 2 роки тому

    muchas gracias

  • @jkmilo.r
    @jkmilo.r 2 роки тому

    Muy buen video amigo!

  • @cristianovelazquez2048
    @cristianovelazquez2048 3 роки тому

    Genial!! Gracias por el contenido.

  • @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.

  • @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

  • @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

  • @SergioPerezCamargo
    @SergioPerezCamargo 2 роки тому

    Excelente

  • @emprendedorescreativos2018
    @emprendedorescreativos2018 3 роки тому

    Excelente Contenido

  • @yayogd8787
    @yayogd8787 3 роки тому +1

    Esto me servira mucho

  • @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?

  • @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.

  • @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 :)

  • @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 2 роки тому

      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

  • @Dxs-d9x
    @Dxs-d9x 3 роки тому

    Que tema usas en visual studio code?.

  • @llamaamazonica5810
    @llamaamazonica5810 3 роки тому

    👍

  • @angelesyo7076
    @angelesyo7076 3 роки тому

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

    • @FalconMasters
      @FalconMasters  3 роки тому +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.

  • @anibal000
    @anibal000 Рік тому

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