Анимация на CSS и JavaScript — Frontend Blok
И да пребудет с тобой сила!
Курсы
Базовый курс по верстке Продвинутый курс по верстке Курс JavaScript Ручное тестирование Блоги на Wordpress
Марафоны
Flexbox и Grid Марафон SVG для Web Марафон Email Вёрстка Многостраничный сайт Современная верстка Elementor в Wordpress Веб-анимация CSS и JS Анимация на GSAP Создание игр на ThreeJS Создание игры на PhaserJS Vue и TypeScript
Полезно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 по мск каждый будний день. Они доступны 2 недели, но на учебной платформе можно приобрести опцию «Вечный Доступ» по символической цене.

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

Тариф «Самостоятельный»
Доступ к видео и материалам курса на 2 недели
Доступ к учебному чату
Уроки с теорией без воды
Домашние задания
Дипломная работа
Сертификат об окончании обучения
{{ 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
Благодарю за такой обширный, несмотря на то, что он мини - курс! Как раз хотела получить представление, какие бывают анимации и как с ними работать) Очень понравилось ещё, что есть чат с обучающимися, где можно задавать вопросы, видеть результаты других учеников, делиться знаниями и опытом. Было бы здорово добавить побольше заданий, близких к реальным, по примеру дипломной работы - это очень ценно, потом можно использовать в рабочих проектах.