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

Веб-анимация
в действии!

Научитесь разрабатывать все типы анимации, используя CSS и JavaScript не только для сайтов, но и игр!
Записаться
Дата старта
{{ course.start_date }}
Длительность
2 недели
Стоимость
{{ course.start_price }} РУБ {{ course.old_start_price }} РУБ
Анимация CSS и JavaScript

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

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

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

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

Где используются анимации?

Веб-сайты
В этом разделе можно объединить сайты и веб-приложения. Вы можете реализовать анимации загрузки, плавные переходы между экранами, hover-эффекты, анимацию кнопок при нажатии, параллекс и т.д.
Конструкторы
На таких сервисах есть встроенные настройки анимаций, но их возможности ограничены, так как расчитаны на людей, которые не работали с кодом, но Вы сможете внедрить анимацию любой сложности.
Веб-игры
Проявите себя, как художник, который прорабатывает внешность и движения персонажей, вид внешних объектов, анимацию интерфейса, а также внедрить эффекты с добавлением физики.

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

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

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

Тариф «Самостоятельный»
Доступ к видео и материалам курса на 1 месяц
Доступ к учебному чату
Уроки с теорией без воды
Домашние задания
Дипломная работа
Сертификат об окончании обучения
{{ course.prices.start.price }} руб
{{ course && course.hasOwnProperty('prices') && course.prices.hasOwnProperty('start') ? course.prices.start.current_price + ' руб' : '' }}
Купить курс

Что говорят об обучении?

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

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

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

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

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

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

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

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

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