Главная страницаКатегория другое (frontend)ScrollTrigger: Экспресс-курс

ScrollTrigger: Экспресс-курс

Name: ScrollTrigger: Экспресс-курс
Price: 12.5 USD
Rating: 5 (7 reviews)

ScrollTrigger Express

Carl (Creative Coding Club)

★5 (всего оценок - 7)

Продолжительность

10 ч 31 мин

Категория

Другое (Frontend)

Количество уроков

52 Видео

Дата добавления

18 сент. 2024 г., 00:13

Язык

Английский

Дата обновления

29 апр. 2026 г., 21:23

ScrollTrigger — один из самых мощных инструментов для анимации на скролле. В этом материале вы узнаете, чему посвящён экспресс‑курс, какие навыки получите и почему этот плагин стоит изучить каждому, кто работает с современными веб‑анимациями.

О чём этот экспресс‑курс

Курс помогает быстро разобраться с ключевыми возможностями GSAP ScrollTrigger и избежать ошибок, на которые чаще всего натыкаются новички. Обучение строится вокруг практики и демонстрации реальных кейсов.

Основные темы, которые рассматриваются

Подключение GSAP и ScrollTrigger
Создание базовых и продвинутых анимаций
Понимание триггеров, маркеров и точек старта/конца
Работа с закреплением (pin) и секциями
Связывание анимаций с прогрессом прокрутки
Оптимизация производительности

Кому подходит этот курс

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

Вы получите максимальную пользу, если вы:

Frontend‑разработчик, работающий с анимациями;
Веб‑дизайнер, желающий оживлять интерфейсы;
Анимационный разработчик, переходящий на GSAP;
Создатель лендингов или промо‑страниц.

Почему ScrollTrigger — стандарт индустрии

GSAP уже давно считается золотым стандартом веб‑анимаций. ScrollTrigger добавляет к нему управление поведением элементов во время прокрутки с высокой производительностью, широкими возможностями настройки и гибкостью.

Преимущества использования ScrollTrigger

Лёгкое связывание анимаций с прокруткой;
Отсутствие лагов даже на сложных проектах;
Тонкая настройка поведения при прокрутке;
Поддержка всех возможностей GSAP;
Большое сообщество и документация.

Что вы освоите после прохождения курса

По завершении обучения вы уверенно создадите анимации, которые:

реагируют на движение пользователя;
выстроены в единые последовательности;
работают синхронно и логично;
не проседают по производительности;
повышают вовлечённость и качество интерфейса.

Итог

ScrollTrigger: Экспресс‑курс — это ваш быстрый и эффективный путь в мир продвинутых анимаций на скролле. Курс поможет вам экономить время, избегать ошибок и создавать анимации уровня профессиональных студий.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:10:15
Get Started in 3 Easy Steps
Урок 2. 00:07:31
Scrub and Pin
Урок 3. 00:06:30
Pinning and pinSpacing Overview
Урок 4. 00:08:32
Pinning Deep Dive
Урок 5. 00:05:15
Pin Spacing
Урок 6. 00:05:02
Pinning Car Project
Урок 7. 00:09:31
Intro to Parallax Scrolling
Урок 8. 00:09:42
Aerial SVG Car Parallax
Урок 9. 00:13:44
ScrollTriggers for Multiple Sections
Урок 10. 00:20:45
Smooth Scrolling with Locomotive Scroll
Урок 11. 00:18:43
Prevent Scroll on Fullscreen Intro
Урок 12. 00:07:23
Back to Top Link: fastScrollEnd and toggleClass
Урок 13. 00:15:50
Change Nav Color on Scroll
Урок 14. 00:10:42
Change Nav Color on Scroll: Part 2 Responsive
Урок 15. 00:18:05
Scroll-Based Reading Progress Bar
Урок 16. 00:10:28
ScrollTo Plugin and ScrollTrigger (Animated Jump Links)
Урок 17. 00:13:56
ScrollTrigger Toggle Animations 4 Ways
Урок 18. 00:14:41
Responsive Scroll-Driven Line-by-Line Text Effect Part 1
Урок 19. 00:11:38
Responsive Scroll-Driven Line-by-Line Text Part 2
Урок 20. 00:09:42
Off-Screen Reset
Урок 21. 00:19:34
3D Rolling Headers
Урок 22. 00:12:54
3D Rolling Headers: Multiple Headers and Variations
Урок 23. 00:15:04
Scroll-Driven Multi-Colored Line Section Indicators
Урок 24. 00:11:04
Slide-in Panels
Урок 25. 00:06:01
Layered Pinning
Урок 26. 00:06:59
Layered Pinning from Bottom
Урок 27. 00:26:26
SVG Mega Scroll and Follow
Урок 28. 00:10:05
Use ScrollTrigger Callbacks to Control HTML5 Video
Урок 29. 00:19:38
Scoll-Driven SVG Path Follower
Урок 30. 00:17:23
Part 1: File setup, Alternating Rows and ScrollTrigger Basics
Урок 31. 00:07:50
Part 2: Offscreen Reset
Урок 32. 00:18:41
Part 3: Mobile Layout
Урок 33. 00:14:08
Introduction: File Setup and Pinning
Урок 34. 00:07:46
Basic Staggered Animation
Урок 35. 00:19:47
Content Sections with Varying Heights
Урок 36. 00:13:18
Responsive Layout
Урок 37. 00:07:03
Using gsap.matchMedia()
Урок 38. 00:08:11
Horizontal Scroll and Pin Part 1
Урок 39. 00:16:04
Horizontal Scroll: Container Animations
Урок 40. 00:19:24
Horizontal Scroll Triggering Secondary Animations
Урок 41. 00:13:03
Horizontal Scroll: Import SVG Maps and Responsive Issues
Урок 42. 00:09:31
Horizontal Scrolling: Fixing Responsive Issues
Урок 43. 00:11:27
Horizontal Scrolling: SVG Animation
Урок 44. 00:10:35
Part 1: File Setup and Staggered Animation
Урок 45. 00:16:27
Adding 3D Layout and Animation
Урок 46. 00:08:16
Multiple Headers
Урок 47. 00:07:57
Exploring Responsive Issues and Adding ScrollTrigger
Урок 48. 00:11:02
Fixing Responsive Issues
Урок 49. 00:10:01
Basic Mode
Урок 50. 00:10:46
Building a Timeline of Function Calls
Урок 51. 00:10:46
Pro Mode
Урок 52. 00:06:32
Pro Highlight Mode

Автор - Carl (Creative Coding Club)

Carl (Creative Coding Club)

Откройте для себя наш пакет курсов по GSAP, который включает более 250 видеоуроков. Эти уроки охватывают мощные функции GreenSock Animation Platform (GSAP), начиная с основ анимации, анимаций с прокруткой, анимаций SVG и многого другого.Creative Coding Club предлагает наиболее полное обучение GSAP по доступной цене, помогая вам овладеть всеми аспектами создания анимаций.

Комментарии