[frontendblok] Веб-анимация в действии. Тариф Самостоятельный (Анна Блок)

​

Научитесь разрабатывать все типы анимации, используя CSS и JavaScript не только для сайтов, но и игр!

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

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

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

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

Спойлер: Расписание занятий:

Первая неделя

День 1. Основы CSS-анимаций
День 2. Углубленное использование CSS-анимаций​

Вторая неделя

День 3. Введение в JavaScript-анимации
День 4. Библиотеки для работы с анимациями
День 5. Работа с Canvas в JavaScript
День 6. SVG-анимации
День 7. Lottie-анимации​

Третья неделя

День 8. WebGL и 3D-анимации
День 9. Gif и видео вместо анимаций
День 10. Производительность анимаций​

Диплом

Это время даётся на выполнение дипломной работы.
Мы предоставим несколько заданий, которые будут охватывать все темы, чтобы закрепить все типы анимаций.​