Web-анимация | OTUS

Курсы

Программирование
C# Developer. Professional Flutter Mobile Developer C# Developer. Basic C# Developer PHP Developer. Basic
-50%
Специализация PHP Developer Буткемп Java Python Developer. Professional Архитектура и шаблоны проектирования MS SQL Server Developer Highload Architect C++ Developer. Professional Java Developer. Basic JavaScript Developer. Professional JavaScript Developer. Basic HTML/CSS Kotlin Developer. Basic Android Developer. Basic Специализация Android-разработчик Team Lead Web-разработчик на Python Unity Game Developer. Professional PostgreSQL для администраторов баз данных и разработчиков Алгоритмы и структуры данных Разработчик программных роботов (RPA) на базе UiPath и PIX Kotlin Backend Developer React.js Developer Node.js Developer Разработчик IoT Подготовка к сертификации Oracle Java Programmer (OCAJP) Специализация C++ Developer Groovy Developer
Специализации Курсы в разработке Подготовительные курсы Подписка
+7 499 938-92-02

Web-анимация

Прокачайте свои навыки создания креативных веб-интерфейсов. Освойте актуальные приемы и инструменты в создании веб-анимации. Научитесь создавать пользовательские интерфейсы с помощью WebGL и Three.js

Начало занятий:

16 октября

Анимация интерфейсов

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

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

В курсе будут рассмотрены все новейшие технологии, которые используются при создании  Web-анимации. Вы подробно изучите библиотеки Three.js и WebGL, рассмотрите анимации с помощью последней версии CSS,научитесь создавать 3D-модели.

В вашем распоряжении будут HTML-макеты для выполнения заданий, специально подготовленные преподавателями курса.

Что даст вам этот курс

  • расширит понимание возможностей css-анимации;
  • более эффектное портфолио с кейсами создания различных анимаций;
  • углубит знания по javascript, особенно по работе с WebGL, что будет явным конкурентным преимуществом при поиске работы.

Для кого подойдет этот курс

  • Fullstack-разработчику. Научитесь создавать качественные web-анимации, детальнее погрузитесь в особенности работы анимации на страницах сайтов
  • HTML-верстальщику. программа позволит улучшить качество знаний уже опытным верстальщикам, которые хотят расширить свое портфолио за счет CSS и JS анимаций, работы с 3D
  • Арт-директору. углубите свои знания html, css, js, разберитесь в работе типичных элементов сайта: слайдеры, модальные окна, аккордеоны и т.д. и добавьте к ним анимации

Какие навыки получат студенты на курсе?

  1. Создавать простые и сложные, анимации для элементов сайта, в зависимости от задачи
  2. Комбинировать несколько анимаций в одну общую историю по таймлайну
  3. Навык работы с стандартными компонентами: слайдер, аккордеон и т. д. навык создания svg анимаций
  4. Работать с различными событиями в JS
  5. Навык работы с css/js библиотеками
  6. Навык работы с документацией

Преподаватели

Мария Коршунова
Антон Бобров
Преподаватель физики и информатики по образованию. Работает в сфере веб-разработки с 2011 года. Работала над сайтами как крупных холдингов (Redmond, BMV, Сибирская корона, ВО Рестэк и другие), так и небольших стартапов. За это время поработала с более чем сотней различных проектов.

С 2016 года преподаёт HTML, CSS и основы JavaScript начинающим и продолжающим верстальщикам. Автор и методист курсов: "Создание и продвижение сайтов", "Веб-разработчик с нуля", "Основы программирования на JavaScript", "JS для детей", "CSS-анимации для frontend-разработчика".

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

Front-end Developer, сооснователь веб-студии AdvancedTeam, член жюри на платформе Awwwards.
Имею педагогическое образование, программированием занимаюсь с 2013 года. Начинал со стандартного набора: HTML, CSS, JS, PHP. На текущий момент стек технологий разнообразный, основной фреймворк - React.
Последние несколько лет развиваюсь в сфере анимаций, испытываю новые подходы и технологии. За годы работы в AdvancedTeam создавал проекты, бравшие награды на платформах Awwwards, CSSDA & theFWA, смысл которых - показать силу интерактивного веба.

Мария
Коршунова
Антон
Бобров

Преподаватели

Мария Коршунова
Преподаватель физики и информатики по образованию. Работает в сфере веб-разработки с 2011 года. Работала над сайтами как крупных холдингов (Redmond, BMV, Сибирская корона, ВО Рестэк и другие), так и небольших стартапов. За это время поработала с более чем сотней различных проектов.

С 2016 года преподаёт HTML, CSS и основы JavaScript начинающим и продолжающим верстальщикам. Автор и методист курсов: "Создание и продвижение сайтов", "Веб-разработчик с нуля", "Основы программирования на JavaScript", "JS для детей", "CSS-анимации для frontend-разработчика".

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

Антон Бобров
Front-end Developer, сооснователь веб-студии AdvancedTeam, член жюри на платформе Awwwards.
Имею педагогическое образование, программированием занимаюсь с 2013 года. Начинал со стандартного набора: HTML, CSS, JS, PHP. На текущий момент стек технологий разнообразный, основной фреймворк - React.
Последние несколько лет развиваюсь в сфере анимаций, испытываю новые подходы и технологии. За годы работы в AdvancedTeam создавал проекты, бравшие награды на платформах Awwwards, CSSDA & theFWA, смысл которых - показать силу интерактивного веба.

Необходимые знания

  • Базовое понимание HTML, CSS
  • Базовое понимание основ программирования
Корпоративное обучение для ваших сотрудников
>
Программа обучения
В процессе обучения вы получите комплексные знания и навыки.
Тема 1. Вводное занятие: знакомство с курсом, обзор анимации/знакомство с анимацией
Тема 2. Трансформации и переходы в css
Тема 3. Практическое применение css переходов transition
Тема 4. CSS Анимация animation и @keyframes
Тема 5. Анимационные истории
Тема 6. Анимации по клику
Тема 7. Анимация элементов форм
Тема 8. Слайдер
Тема 9. Аккордеон и табы
Тема 10. Анимации по скроллу
Тема 11. Классический JS параллакс
Тема 12. Свойства 3D трансформации
Тема 13. Введение в SVG
Тема 14. SMIL анимации
Тема 15. Анимация групп элементов
Тема 16. Интерактивные анимации
Тема 17. JS анимации
Тема 18. Animation()
Тема 19. Введение в Canvas
Тема 20. Анимация простых элементов & best-pracices
Тема 21. Работа с изображениями и текстом
Тема 22. Анимация изображений & best-pracices
Тема 23. Анализ производительности JS анимаций
Тема 24. GSAP
Тема 25. Введение в WebGL
Тема 26. Библиотека Three.js
Тема 27. Работа с готовыми моделями
Тема 28. Работа с материалами
Тема 29. Анимация объектов в three.js
Тема 30. Типы камер и их настройка
Тема 31. UX&UI
Тема 32. ПО для работы с анимацией
Тема 33. Выбор темы и организация проектной работы
Тема 34. Консультация по проектам и домашним заданиям
Тема 35. Защита проектных работ
Тема 36. Подведение итогов и карьерное консультирование
Скачать подробную программу
Выпускной проект
Последний месяц курса посвящен проектной работе. Вы создадите готовый проект, который станет частью вашего портфолио. Вы можете реализовать свою идею или взять один и предложенных преподавателем вариантов.

Процесс обучения

Занятия проходят 2 раза в неделю в формате интерактивных вебинаров + 1 домашнее задание раз в неделю + созвон с персональным ментором на 40 минут 1 раз в неделю. Принимайте активное участие в вебинарах. Так вам будет легче усвоить материал и сохранить энтузиазм в течение всего курса. Наши методисты помогают экспертам стать хорошими преподавателями, которые умеют превращать сложное в понятное и увлекательное.
Получить консультацию
Наш специалист свяжется с вами в ближайшее время. Если у вас возникли трудности в выборе курса или проблемы технического плана, то мы с радостью поможем вам.
Спасибо!
Мы получили Вашу заявку, в ближайшее время с Вами свяжется наш менеджер.

  • получите материалы по всем пройденным занятиям (презентации, видеозаписи вебинаров);

  • получите сертификат об окончании курса;

  • будете иметь возможность попасть на собеседования в компании-партнеры курса.

Дата выдачи сертификата: 20 апреля 2023 года
Ваш сертификат

онлайн-образование

Сертификат №0001

Константин Константинопольский

Успешно закончил курс «Web-анимация»
Выполнено практических заданий: 16 из 16

Общество с ограниченной ответственностью “Отус Онлайн-Образование”

Город:
Москва

Директор департамента образования
ООО “Отус Онлайн-Образование”
Анна Фирсова

Лицензия на осуществление образовательной деятельности
№ 039825 от 28 декабря 2018 года.

онлайн-образование

Сертификат №0001

Константин Константинопольский

Успешно закончил курс «Web-анимация»
Выполнено практических заданий: 16 из 16

Общество с ограниченной ответственностью “Отус Онлайн-Образование”

Город:
Москва

Директор департамента образования
ООО “Отус Онлайн-Образование”
Анна Фирсова

Лицензия на осуществление образовательной деятельности
№ 039825 от 28 декабря 2018 года.
Прошедшие открытые вебинары
Открытый вебинар — это настоящее занятие в режиме он-лайн с преподавателем курса, которое позволяет посмотреть, как проходит процесс обучения. В ходе занятия слушатели имеют возможность задать вопросы и получить знания по реальным практическим кейсам.
Three.js - работа с 3d моделью
Антон Бобров
Оставьте заявку, чтобы получить доступ к записям прошедших мероприятий. Записи всех мероприятий появятся в этом блоке