Предпродажа по специальной цене

Онлайн-курс

Анимации, часть 1.
CSS-анимации

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

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

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

Записаться за 7 800 ₽

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

Пройдя курс, вы получите востребованный навык и сможете:

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

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

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

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

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

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

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

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

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

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

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

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

Программа построена так, что с каждым разделом анимации усложняются, а знания углубляются.

Раздел 1

Введение в анимацию и веб-анимацию

Раздел 2

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

Раздел 3

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

Раздел 4

Работа с анимациями с помощью JavaScript

Раздел 5

Параллакс

Раздел 6

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

Раздел 7

Дополнительные материалы

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

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

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

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

Теория

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

Кейсы

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

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

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

Тест

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

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

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

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

Методику

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

Программу

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

Контент

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

Комьюнити

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

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

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

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

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

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

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

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

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

Опыт

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

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

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

Методика

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

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

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