О курсе

Курс построен вокруг работы с библиотекой GSAP на заранее подготовленной странице. В начале обучения выдаётся свёрстанная страница на чистом HTML и CSS без анимаций — она служит основой для всех практических занятий. В каждом уроке предусмотрен теоретический блок, в котором рассматриваются подключение GSAP и особенности работы с разными типами анимации.

Что рассматривается в программе

  • рассматривается подключение и настройка библиотеки GSAP
  • разбирается простая анимация появления элементов
  • изучаются scroll-анимации с плагином ScrollTrigger
  • рассматривается анимация изображений и параллакс
  • разбираются таймлайны и комплексные сцены
  • рассматривается анимация карточек, списков, форм и кнопок
  • разбирается сборка итогового проекта

Кому может быть полезен курс

  • тем, кто интересуется фронтенд-разработкой и веб-анимацией
  • верстальщикам, желающим ознакомиться с библиотекой GSAP
  • специалистам, которым нужно изучить анимацию интерфейсов на практике
  • тем, кто хочет пополнить портфолио работой по анимации сайта

Вопросы о программе

Сколько длится курс и как построено обучение?

Программа рассчитана на семь дней. Уроки открываются каждый будний день в 06:00 по московскому времени и доступны в течение месяца; на учебной платформе можно отдельно приобрести опцию «Вечный доступ».

Что нужно для участия в практической части?

В начале курса выдаётся свёрстанная страница на чистом HTML и CSS без анимаций. На её основе участники последовательно оживляют блоки сайта с помощью GSAP.

Какие темы рассматриваются в программе?

Среди тем — простая анимация появления, scroll-анимации с ScrollTrigger, анимация изображений и параллакс, таймлайны и комплексные сцены, анимация карточек, списков, форм и кнопок, а также сборка проекта.

Предусмотрены ли домашние задания и дополнительные материалы?

Домашнее задание даётся после каждого урока. В качестве бонусов заявлены урок в подарок для IT, гайд «Что можно анимировать на сайте — чек-лист по разделам», видео «5 частых ошибок при работе с GSAP и как их избежать» и видео «Как опубликовать сайт на GitHub Pages».