Курс научит вас анимировать карточки товаров, аккордеоны, модальные окна и другие элементы сайта. И главное — делать это правильно, чтобы анимация загружалась быстро.
Что нужно знать: основы HTML, CSS, JavaScript
Гибкие сроки: начинайте сейчас и учитесь в комфортном режиме
Эффекты по скроллу
Параллакс и 3D-анимациии
Эффекты по ховеру и движению мыши
Зацикленные анимации
Глитч-эффект
Эффект Кена-Бёрнса
В каждом разделе курса — обучающие статьи, пошаговые примеры создания анимаций,
задания с разбором решения и тесты.
Обучение будет проходить по принципу «от простого к сложному».
Сначала вы изучите необходимые CSS-свойства и правила. Затем научитесь привязывать анимации
к пользовательскому взаимодействию. А в конце вы познакомитесь с инструментами для отладки и научитесь
оптимизировать анимации.
Раздел 1
Раздел 2
Раздел 3
Раздел 4
Раздел 5
Раздел 6
Раздел 7
Полезные статьи о создании анимаций, работе с CSS-свойствами или использовании JavaScript для создания эффектов.
Пошаговые примеры создания анимации — показывают, как правильно писать код, и учат применять теорию на практике.
Задания по анимации элементов вёрстки — учат решать задачи, похожие на те, что встречаются в реальной работе.
Готовые решения заданий — подскажут, как решить задачу, если у вас что-то не получится.
Вопросы по статьям раздела — помогают проверить, всё ли вы запомнили. Если что-то не получилось, можно посмотреть ответы и пройти тест заново.
В конце курса вы получите сертификат о том, что прошли обучение в HTML Academy.
Интерактивные тренажёры с теорией и заданиями — знакомят с основными CSS-свойствами для создания анимации.
Сделано для разработчиков, у которых мало времени на обучение. Вы сможете совмещать работу с учёбой.
Курс составлен по специальной методике. Вы изучаете теорию, смотрите, как применить её на реальных задачах, и выполняете похожее задание, чтобы закрепить навык.
Комьюнити каждого курса — это авторы, опытные разработчики
и студенты, прошедшие или проходящие этот курс.
Оно не только помогает в освоении материала,
но и постоянно делает курс лучше.
Вы можете приобрести набор курсов по выгодной цене.
Навыки
на курсах, входящих в пакет, объединены общей тематикой.
Изучите универсальные навыки для роста
Подробнее
Улучшайте UI и UX любых интерфейсов
Подробнее
Развивайте скиллы, связанные с дизайном
Подробнее
Качайте навыки разработки интерфейсов
Подробнее
Сделано для разработчиков, у которых мало времени на обучение. Вы сможете совмещать работу с учёбой.
Курс составлен по специальной методике. Вы изучаете теорию, смотрите, как применить её на реальных задачах, и выполняете похожее задание, чтобы закрепить навык.
Комьюнити каждого курса — это авторы, опытные разработчики
и студенты, прошедшие или проходящие этот курс.
Оно не только помогает в освоении материала,
но и постоянно делает курс лучше.
Мы провели исследование вакансий и проверили, каких навыков ждут работодатели
от фронтендеров с разным опытом работы. Результаты перенесли на карту компетенций.
Как видно
по карте, джуны должны знать простые анимации, группу CSS-свойств transition. От мидлов и сеньоров работодатели ждут более глубоких знаний: нужно
создавать сложные анимации на CSS и JS.
Карта компетенций показывает, какими навыками должен обладать фронтенд-разработчик на каждом этапе развития и чему необходимо учиться для карьерного роста.
Как мы собирали карту компетенций?
Исследовали рынок вакансий
Опросили тимлидов крупных продуктовых компаний
Собрали обратную связь от опытных разработчиков из числа наставников
Опросили работодателей из Центра Карьеры, которые сотрудничают с выпускниками профессий
Посмотреть карту компетенций целиком можно тут
А прочитать про то, как мы её собрали --- вот тут
Хотите освоить конкретный навык, но не знаете как
Не хотите тратить время на поиск актуальной информации
Вам нужна методика обучения и только необходимая информация
Хотите убедиться, что полученные знания усвоились на практике
11 лет выстраиваем связь с рынком коммерческой разработки. Обучаем
начинающих разработчиков и видим, как они становятся опытными специалистами.
Перед запуском курса убеждаемся, что он даёт востребованный
профессиональный навык.
Общаемся с сообществом веб-разработчиков и поэтому понимаем, как нужно
учить. Максимально сокращаем время от изучения теории до решения типовых задач.
