Скидки 30% до 12 сентября

Скидка 40% до 25 апреля!

Скидка 30% до 3 октября

Онлайн-курс

CSS-анимации

Разработчик интерфейсов мидл-уровня знает, как оживить интерактивные элементы с помощью анимаций. В первой части курса вы научитесь делать CSS-анимации любого уровня сложности: микро-анимации, анимации без взаимодействия пользователя, анимации по движению мыши и по скроллу.

Необходимые знания: HTML, CSS, JavaScript

Гибкие сроки: начинайте сейчас и двигайтесь в комфортном режиме

Скидка 20% до 2 мая

Начать за 9 900₽6 930₽

Курс поможет вам получить востребованный навык и повысить свою ценность на рынке

Пройдя курс, вы сможете:

Улучшать пользовательский опыт взаимодействия с вашими интерфейсами

Создавать анимации по наведению, скроллу или движениям мыши

Реализовывать любые задумки дизайнеров

Добавлять как простые микро-анимации, так и сложносоставные анимации

CSS-анимации на карте компетенций
фронтенд-разработчика

Навык CSS-анимаций необходим для мидл-фронтенд-разработчика.

Мы постоянно разрабатываем новые курсы по навыкам, необходимым для роста до мидла:

После курса вы сможете:

Самостоятельно добавлять в проект микро-анимации любого уровня

Собирать сложносоставные анимации: лоудеры, эффект Кена Бернса и т.п.

Добавлять анимации, зависимые от движения мыши --- например, параллакс

Менять положение элементов и их видимость по скроллу

Программа курса

С каждым разделом задачи усложняются.

Раздел 1

Основы анимации

Раздел 2

CSS-анимации по ховеру

Раздел 3

CSS правило @keyframes и группа свойств Animation CSS

Раздел 4

Анимации с пользовательским взаимодействием

Раздел 5

3D в CSS и параллакс-эффект

Раздел 6

Производительность CSS-анимаций

Раздел 7

Итоговый раздел

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

Курс предполагает самостоятельное изучение материала в комфортном для вас режиме. Начать учиться можно прямо сейчас.

Программа разбита на модули, каждый из которых позволяет постепенно осваивать навык от простых основ до сложных тонкостей.

В каждом модуле будет:

Теория

Структурированная информация, необходимая для усвоения части навыка

Кейсы

Примеры решения типовых задач, которые помогут понять, как теория превращается в практику

Практическое задание

Для самостоятельного закрепления полученной теории. После выполнения каждого задания вы получите пошаговое эталонное решение и сможете сравнить его со своим вариантом

Тест

Для финального закрепления материала. Позволит вам убедиться, что вы всё точно усвоили и можете двигаться дальше.

Курс «CSS-анимации» входит в несколько пакетов

Вы можете приобрести набор курсов по выгодной цене.
Навыки на курсах, входящих в пакет, объединены общей тематикой.

Разработчикам от разработчиков

Сделано для разработчиков, у которых мало времени на обучение.

На курсе «Основы анимаций» вы получите:

Методику

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

Программу

Построена от простого к сложному.
Вы легко погрузитесь в тему, даже если ничего про неё не знали раньше.

Контент

Актуальная и обновляемая теория, проверенная рынком. Никакой «воды» — вы получите только необходимые знания.

Комьюнити

Поможет вам с ответами на вопросы и углублением знаний.

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

Вам это подходит, если

Вы хотите больше зарабатывать или сменить работу, но не знаете, в каком направлении развиваться:

Хотите освоить конкретный навык, но не знаете как

Не хотите тратить время на поиск актуальной информации по теме

Вам нужна конкретная методика обучения и только необходимая информация

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

На нашей стороне опыт, исследования и методика

Опыт

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

Исследования

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

Методика

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

Что говорят разработчики

Записаться на курс «Анимации, часть 1.
CSS-анимации»

Записаться на курс
«CSS-анимации»

Выберите подходящий способ обучения:

Способы оплаты

Чем отличаются тарифы?

Персональное обучение

Стандартное обучение

Доступ к материалам:
демо, практика, кейсы

Постоянно обновляющийся контент

Комьюнити с авторами и экспертами курса

5 часов персональных консультаций с экспертом

Стоимость

24 900 ₽

6 930 ₽

Стоимость в рассрочку на 6 месяцев

4 150 ₽/мес

1 150 ₽/мес