Lazy loading & infinite scrolling (JavaScript & Flask) - IntersectionObserver

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

КОМЕНТАРІ • 21

  • @juliannash3590
    @juliannash3590  5 років тому +7

    Example@ 1:06
    Server side@ 2:06
    HTML@ 5:06
    JavaScript@ 9:18
    CSS animations@ 15:24

    • @TheBhumbak
      @TheBhumbak 4 роки тому

      Add this to discription it'll make chapters for video automatically

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

    I just began web-dev and when I'm searching for stuff to do you often have it covered. This video was concise and and excellent. Exactly what I needed. Great work.

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

    Nice job and thanks for the refresher. You made this very clear.

  • @tarunresearches
    @tarunresearches 4 роки тому +2

    This is a really cool way to use intersection observer API and you explained it great. But when we are querying through actual database it might take some time and if a user scrolls up down a lot of time while the spinner is spinning we have sent too much request to the database which also duplicate template of the same post. A possible solution is to make a var switch=true; which will be false while the template is still loading in view and true when the template has finished loading

  • @kennethbass1915
    @kennethbass1915 2 роки тому +2

    I honestly have no idea where to start learning Javascript. I'm pretty solid on Flask now, but have the Javascript portion mind as well been a completely different language.

  • @oumao
    @oumao 5 років тому

    Thanks Juian Nash for some good stuffs in your channel.

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

    Cheers, mate; trying to implement this at work

  • @marx.soguilon
    @marx.soguilon 5 років тому

    worked like charm. thanks Julian!

  • @xanderx8289
    @xanderx8289 5 років тому

    Great stuff Julian! Very concise and informative. What I would like to learn is how to make simple multiplayer games in flask. Sharing the same state across multiple clients who connect to it might be tricky. That'd be cool if you could make a video on that!

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

    Thanks, it's really helpful!

  • @michaelestler5179
    @michaelestler5179 4 роки тому

    How would you pop new items onto the top and push the old ones down? I'm thinking of a kind of top down tail -f kind of thing to show some syslog or ...httpd/error_log data...
    Thanks in advance

  • @TheBhumbak
    @TheBhumbak 4 роки тому

    Thank you so much it was really helpful 🙏🙏

  • @dinismonteiro6248
    @dinismonteiro6248 4 роки тому

    Thanks for the video. Really helpful. There is a bug, for instance, posts = 2 the loader stays forever.

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

    Source code? link in the description isnt working
    :(

  • @mli8847
    @mli8847 4 роки тому

    !important!, i want to ask you if i can just copy your code and use it in my project, i am new to js ??

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

    Unfortunately, it's not optimized for top posts deletion. Let's say it's gonna be a billion posts, so version could lead to stack overflow

  • @kumardeepam
    @kumardeepam 4 роки тому

    Works exactly as explained by you. Thanks for making this video. How to go about it when db = pymongo.somecollection.find() ?

  • @mahathirmohammad8635
    @mahathirmohammad8635 4 роки тому +1

    can anyone give me the source code?

    • @dinismonteiro6248
      @dinismonteiro6248 4 роки тому +1

      pythonise.com/categories/javascript/infinite-lazy-loading

    • @mahathirmohammad8635
      @mahathirmohammad8635 4 роки тому

      Dinis Monteiro thanks for giving the code but no benefit for me. I already write it my self.