Простые решения для сложных задач с Intersection Observer API

Ленивая загрузка, бесконечный скролл и многие другие крутые фишки сегодня можно легко реализовать, используя браузерный API Intersection Observer. В рамках видео мы рассмотрим четыре практических примера, на которых разберем как работать с данной возможностью.

Код из видео:

00:00 Обзор Intersection Observer API
01:48 Ленивая загрузка изображений
09:19 Запуск/остановка видео
15:24 Переключение вкладок якорного меню
22:01 Бесконечный скролл

Мои курсы по вебу с купонами:

📢 Поддержка канала:

[eliaseugene]

я в очередной раз удивляюсь, на сколько ваш контент актуален в моем рабочем проекте, спасибо за труды)))

[ShoTHIk]

ЭТО!... ПРОСТО!... ОХ...очень полезный материал! Очень класно доносите информацию, Михаил! Контент максимально информативен - что по Реакту, что по JS в целом.
Действительно, незаслужено малое количество подписчиков, ведь для вашей целевой вы отличный лектор, ментор, учитель или преподаватель. Но дорогу осилит идущий. С таким качественным контентом быстрый рост подписчиков гарантирован. Главное - регулярность и не останавливаться на достигнутом. Успехов Вам, Михаил! И побольше лайков под видео ;)

[norkrze]

Лучшее объяснение Intersection Observer

[amancalllednoise]

Михаил, мое почтение. За одно видео ответил на уйму волнующих вопросов! Лучший !

[AlexGabber]

Пару недель назад приходилось изучить observer api и внедрить в задачу) в принципе ничего сложного, но это видео очень полезное и я к нему буду возвращаться точно. Понимание расширилось и теперь хочется заняться практикой на всех своих проектах)) очень полезная штука. А автор как всегда лучший! Честно говоря среди огромного количества каналов, для меня этот один из лучших точно. Михаил) спасибо! Обязательно возьму ваши курсы на udemy

[IvanZakharanka]

Огромное спасибо! Через такие костыли делал подгруку, а оказывется есть такой прекрасный инструмент!

[nikolaysmolov]

Класс! Давно хотел разобраться, а тут Михаил такой урок сделал! Спасибо!

[alexeykuzniecov]

Один из лучших каналов, постепенно просматриваю все видео отсюда)

[Pavelius]

Спасибо за урок, достаточно понятно и с реальными примерами

[Maxim]

Хорошо и понятно рассказываешь, редко такое видишь.

[beznamea]

Какой же у вас годный контент! Спасибо!!!

[ihopeingod]

Михаил, спасибо вам за подробное объяснение! Вы замечательный преподаватель! Желаю развития вашему каналу!

[hwcstey]

Благодарю, урок отличный и познавательный, больше всего узнала именно из вашего видео.

[olegsh]

Отличный видос, Михаил! Актуальные браузерные апишки - это годнота)

[pvrybakin]

Сегодня узнал о нем, а вчера Михаил выпустил видео о о нем) Спасибо за видео.

[natalka]

Спасибо!Как все легко, я пол ютуба перерыла, а решение здесь))

[EugeneChe-]

С нетерпением буду ждать ещё подобного материала! Вы у меня в Топ-3 ютуба!!!

[ndceule]

Спасибо за ваш труд! Очень полезная информация!

[alexmlnkv]

Михаил, спасибо огромное за Ваш труд! Очень полезное видео. Бегу пробовать эту апишку)

[RK-ykhj]

как всегда супер. Зделай видео пo GraphGL + React пажалустаааааааа