<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Learn Intersection Observer in 10 Minutes</title>
        <link>https://peertube.lightnode.ru/videos/watch/696584cc-0a8f-4495-8d4e-0315c4db9bb2</link>
        <description>Create smooth scroll animations &amp; infinite scrolling with the IntersectionObserver API Learn how to use the IntersectionObserver API in JavaScript to create smooth scroll animations, infinite scrolling lists,  all without heavy libraries or constant scroll event listeners. 👉 Full JavaScript Course – https://www.udemy.com/course/javascript-course-coding2go/?referralCode=CF16EB9F6548CB416253 👉 Learn HTML &amp; CSS in 7 Days: https://www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?referralCode=8054BF2C4D86FC75DB00 🔑 Key Concepts you will learn in the video • What the IntersectionObserver is &amp; how it works • Detect when an element enters or leaves the viewport • Build smooth fade-in scroll animations with CSS + JS • Use the options object: root, threshold &amp; rootMargin • Trigger animations only when elements are fully visible • Observe multiple targets with one observer • Lazy-load content &amp; improve performance • Build an infinite scrolling list (load more items on scroll) • Use observe, unobserve &amp; disconnect properly • Performance tips: avoid scroll event listeners • Real-world use cases: scroll animations, lazy loading, infinite feed 🚀 Continue Learning with me 👉 JavaScript Course – https://www.udemy.com/course/javascript-course-coding2go/?referralCode=CF16EB9F6548CB416253 👉 HTML &amp; CSS Course: https://www.udemy.com/course/learn-html-and-css-in-7-days-web-developer-bootcamp/?referralCode=8054BF2C4D86FC75DB00 💜 Support the Channel Become a channel member &amp; get perks: https://www.youtube.com/channel/UCGpoeEhUBQBaaKZ_a8HB67Q/join #javascript #coding2go #intersectionobserver #scrollanimations</description>
        <lastBuildDate>Mon, 27 Jul 2026 13:42:40 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>PeerTube - https://peertube.lightnode.ru</generator>
        <image>
            <title>Learn Intersection Observer in 10 Minutes</title>
            <url>https://peertube.lightnode.ru/client/assets/images/icons/icon-96x96.png</url>
            <link>https://peertube.lightnode.ru/videos/watch/696584cc-0a8f-4495-8d4e-0315c4db9bb2</link>
        </image>
        <copyright>All rights reserved, unless otherwise specified in the terms specified at https://peertube.lightnode.ru/about and potential licenses granted by each content's rightholder.</copyright>
        <atom:link href="https://peertube.lightnode.ru/feeds/video-comments.xml?videoId=696584cc-0a8f-4495-8d4e-0315c4db9bb2" rel="self" type="application/rss+xml"/>
    </channel>
</rss>