Анимация на GSAP — Курс на Frontend Blok
И да пребудет с тобой сила!
Курсы
Базовый курс по верстке Продвинутый курс по верстке Курс JavaScript Ручное тестирование Блоги на Wordpress
Марафоны
Flexbox и Grid Марафон SVG для Web Марафон Email Вёрстка Многостраничный сайт Современная верстка Elementor в Wordpress Веб-анимация CSS и JS Анимация на GSAP Создание игр на ThreeJS Создание игры на PhaserJS
Полезноcти
Книги о программировании Шпаргалка Flexbox CSS Шпаргалка Grid CSS Видео с практикой
Вход
Меню
Главная Марафоны Анимация на GSAP

GSAP анимация
для сайтов

Научитесь работать с популярной библиотекой для анимаций на примере реального статичного сайта.
Записаться
Дата старта
{{ course.start_date }}
Длительность
7 дней
Стоимость
{{ course.start_price }} РУБ {{ course.old_start_price }} РУБ
Создание игр на phaser.js

Что будет на курсе?

Выдача
материалов
В начале курса предоставим свёрстанную страницу без анимаций на чистом HTMl и CSS. На его основе будем заниматься оживлением сайта.
Теоретическая
часть
В каждом уроке будет теоретический блок, чтобы Вы познакомились со всеми тонкостями GSAP: от подключения до нюансов работы с каждым типом анимации.
Практическая
часть
Поэтапно с нуля оживите каждый блок на сайте, используя популярную библиотеку GSAP. Пополните своё портфолио новой работой!

Как проходит обучение?

Получаете доступ на учебную платформу Frontend Blok
Каждый день в 6 утра по мск открывается доступ к новому уроку
Просматриваете урок длительностью 15-25 минут, где есть теория и практика
Выполняете домашнее задание для закрепления пройденного материала
Отправляете ДЗ куратору и выполняете его рекомендации
Получаете сертификат об окончании обучения: на русском и английском

Где используется GSAP?

Анимации на сайтах
С GSAP можно создавать плавные, сложные анимации: от появления блоков до анимации интерфейсов. Это помогает оживить сайт и удержать внимание пользователей.
Веб-презентации
GSAP отлично подходит для создания слайд-шоу, лендингов с эффектами и анимированных сторителлингов. Библиотека обеспечивает полную гибкость и контроль над анимацией.
Интерактивные интерфейсы
GSAP используют при разработке интерфейсов с микроанимацией, подсказками, hover-эффектами и переходами — всё это делает UX ярким и современным.

Общая информация по курсу

Формат уроков
Уроки заранее записаны и смонтированы так, чтобы не тратить ваше драгоценное время и получать только качественную информацию без воды.
Длительность уроков
В среднем уроки длятся 15-25 минут, в зависимости от темы. Обучение нацелено на практику, мы мало разбираем теорию, но можем разобрать сложные моменты в учебном чате.
Домашние задания
Домашнее задание дается после каждого урока. Выполнение обязательно, потому что оно напрямую влияет на итоговый результат курса.
Время открытия уроков
Уроки открываются каждый день в 06:00 по мск каждый будний день. Они доступны месяц, но на учебной платформе можно приобрести опцию «Вечный Доступ» в любой момент.

Автор курса

Создатель сообщества Типичный Верстальщик
Более 9-ти лет в веб-разработке
Ведёт несколько соцсетей на тему веб-разработки
Основатель сервиса Frontend Help
Запустила учебную платформу Frontend Blok
Anna Blok photo

Сколько стоит

Тариф «Самостоятельный»
Доступ к видео и материалам курса на 1 месяц
Доступ к учебному чату Telegram
Сертификат об окончании обучения
🎁 Гайд «Что можно анимировать на сайте — чек-лист по разделам»
🎁 Видео «5 частых ошибок при работе с GSAP и как их избежать»
🎁 Видео «Как опубликовать сайт на GitHub Pages»
{{ course.prices.start.price }} руб
{{ course && course.hasOwnProperty('prices') && course.prices.hasOwnProperty('start') ? course.prices.start.current_price + ' руб' : '' }}
{{ course && course.hasOwnProperty('prices') && course.prices.hasOwnProperty('start') ? 'или от ' + Math.round(course.prices.start.current_price / 12) + ' руб/мес по рассрочке' : '' }} Купить курс

Отзывы с других курсов

Екатерина Титарева
Екатерина Титарева
19 ноября 2024
Благодарю за такой обширный, несмотря на то, что он мини - курс! Как раз хотела получить представление, какие бывают анимации и как с ними работать) Очень понравилось ещё, что есть чат...
Ирина Глыцко
Ирина Глыцко
5 ноября 2024
Курс очень крутой! Многие моменты охотно внедряю в жизнь, чему очень рада)
Дмитрий Смирнов
Дмитрий Смирнов
4 ноября 2024
Прошел марафон по веб-анимации у Анны Блок. Это не совсем курс, это именно марафон. Каждый день вы узнаете новую информацию и делаете домашнюю работу (на выходных отдых, или можно догнать, если отстал)...
Юлия Орешкина
Юлия Орешкина
2 ноября 2024
Курс получился очень насыщенный и интересный! Подача материала на высоте, внимательное отношение к обучающимся и подбор действительно полезной информации, с которой можно успешно развиваться дальше самостоятельно...
Пагинация
Предыдущий
Следующий

Часто задаваемые вопросы

Сколько по времени длятся уроки?
Развернуть
В среднем уроки длятся 15-25 минут, в зависимости от темы.
Должен ли я знать что-то заранее?
Развернуть
В идеале знать только самые-самые основы HTML, CSS и JavaScript. Глубоких знаний не потребуются, так как практика будут на основе готового сайта. Курс подойдет даже тем, кто имеет мало работ в портфолио или совсем нет опыта.
Нужно ли мне заранее установить какие-нибудь программы?
Развернуть
На курсе мы будем использовать редактор кода VS Code. Если они у вас уже установлены или любой иной редактор кода, то больше ничего не потребуется.
Могу ли я посмотреть уроки в другой день?
Развернуть
Да, уроки вы можете посмотреть в любой день или любое другое удобное время. Главное выполнять практику последовательно к каждому уроку.
Получу ли я сертификат в конце обучения?
Развернуть
Да, мы выдаём сертификаты. Это происходит после того, как вы выполните задания всех уроков.
Закрыть
Юлия Орешкина
Юлия Орешкина
2 ноября 2024
Курс получился очень насыщенный и интересный! Подача материала на высоте, внимательное отношение к обучающимся и подбор действительно полезной информации, с которой можно успешно развиваться дальше самостоятельно. Отдельное спасибо за формирование требований к дипломному проекту. Выполняя его, отрабатываешь реальные навыки, которые требуются веб-разработчику. Спасибо за курс и помощь в обучении Анне, Андрею и всей команде!
Закрыть
Дмитрий Смирнов
Дмитрий Смирнов
4 ноября 2024
Прошел марафон по веб-анимации у Анны Блок. Это не совсем курс, это именно марафон. Каждый день вы узнаете новую информацию и делаете домашнюю работу (на выходных отдых, или можно догнать, если отстал).

Каждый день дается новая информация, новый подход или новая библиотека. Достаточно подробно рассмотрена css-анимация, анимация svg и canvas. Более обзорно разбираются библиотеки Anime.js и GSAP (внимания уделено достаточно, но сами библиотеки требуют вдумчивого самостоятельного копания).

Также обзорно разобраны webGl и phaserJS. Тем не менее -- за один из уроков создается маленькая игра на webgl и вокруг нее строятся домашнее задание и часть дипломной работы.

Очень хорошо для погружения в тему и началу самостоятельного изучения. Недостаточно для того, чтобы сказать, что освоил и достиг мастерства в анимации, но за две недели этого и нельзя достичь.

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

Информация в видео доносится в ясно, разборчиво и наглядно.

Спасибо большое.
Закрыть
Екатерина Титарева
Екатерина Титарева
19 ноября 2024
Благодарю за такой обширный, несмотря на то, что он мини - курс! Как раз хотела получить представление, какие бывают анимации и как с ними работать) Очень понравилось ещё, что есть чат с обучающимися, где можно задавать вопросы, видеть результаты других учеников, делиться знаниями и опытом. Было бы здорово добавить побольше заданий, близких к реальным, по примеру дипломной работы - это очень ценно, потом можно использовать в рабочих проектах.