Создание анимаций с помощью HTML и CSS

Виталий Зюзин Александр Першин

HTML Academy

В этом курсе студенты изучат основы анимации на CSS. Курс построен в виде интерактивной игры, где им предстоит пройти путь развития цивилизации, покорить космический простор и в финале запустить ракету на Луну.

Программа

1. Привет, animation!
2. @keyframes: раскадровка
3. @keyframes: from и to
4. @keyframes: группировка кадров
5. Множественная анимация, шаг 1
6. Множественная анимация, шаг 2
7. Водное путешествие
8. Количество проигрываний анимации: animation-iteration-count
9. Направление анимации: animation-direction, шаг 1
10. Направление анимации: animation-direction, шаг 2
11. Задержка начала анимации: animation-delay, шаг 1
12. Задержка начала анимации: animation-delay, шаг 2
13. Задержка начала анимации: animation-delay, шаг 3
14. Воздушное путешествие
15. Состояние до и после анимации: animation-fill-mode, шаг 1
16. Состояние до и после анимации: animation-fill-mode, шаг 2
17. Состояние до и после анимации: animation-fill-mode, шаг 3
18. Состояние до и после анимации: animation-fill-mode, шаг 4
19. Состояние до и после анимации: animation-fill-mode, шаг 5
20. Запуск фабрики, шаг 1
21. Запуск фабрики, шаг 2
22. Остановка и запуск анимации: animation-play-state
23. «Форма» анимации, animation-timing-function
24. animation-timing-function, шаг 2
25. animation-timing-function, шаг 3
26. animation-timing-function, шаг 4
27. Ракета на старт, шаг 1
28. Ракета на старт, шаг 2
29. Посадка, шаг 1
30. Посадка, шаг 2
31. Посадка, шаг 3

Ключевые слова

Html, CSS, анимации, веб-дизайн, веб-разработка


Характеристики курса

Направление в конкурсе
Естественные и технические науки
Вид образования
Неформальное
Уровень формального образования
Средняя школа, Старшая школа, Подготовка к поступлению в колледж (вуз, университет), Бакалавриат
Рекомендуемый возраст для неформального обучения
11-15, 16-18, 19-25, 25-45
Язык обучения
Русский
Дисциплина
Информационно-коммуникационные технологии (ИКТ)
Авторы курса
Виталий Зюзин Александр Першин
Реквизиты авторов
Виталий Зюзин, автор курсов и преподаватель в HTML Academy Александр Першин, основатель HTML Academy и доцент кафедры компьютерных образовательных технологий ИТМО
Организация
HTML Academy
Реквизиты организации
ООО "Интерактивные обучающие технологии"
Входные требования по уровню знаний
Базовые знания HTML и CSS
Выходные знания, умения, навыки
После прохождения курса студенты научатся передвигать, поворачивать и видоизменять объекты, управлять скоростью и траекторией движения объектов, изучат существующие формы анимации и смогут выстраивать композиции из анимированных объектов с помощью HTML и CSS.
Профессия, специальность для которой курс имеет значение (атлас профессий)
HTML-верстальщик, веб-дизайнер
Входной тест
Формирование групп по уровню подготовленности
Присутствие преподавателей
Присутствие тьюторов
Присутствие фасилитаторов
Форма представления учебных материалов
тексты, мультимедиа, интерактивные игры
Наличие обратной связи в материалах
Наличие совместного обучения
Наличие практических занятий
проекты
Наличие форумов, дискуссий
Наличие вебинаров, видеоконференций
Наличие неформального общения, meetup
Интеграция с LMS
Учебная аналитика
Наличие сертификации
Наличие временных границ
Тип занятий (синхронность)
асинхронные
Возможность формирования собственной траектории, индивидуализации на курсе
Операционные системы
Windows, MacOS
Поддерживаемые браузеры
Chrome, Firefox, Safari, Internet Explorer, Edge
Поддержка лиц с ограниченными возможностями
Обучающие технологии
Gamification, Virtual worlds, Web based training
Сайт курса

Комментарии


cimba@mail.ru | 30-09-2017
Легко, просто, понятно! Очень хороший курс
ol_pav_mi@mail.ru | 15-09-2017
Хорошее подспорье для учителей, изучающих эту тему вместе с детьми на уроке или кружке. Для самостоятельного изучения будет сложновато, мало теории. Практическая часть изумительная!
evyakushina@gmail.com | 14-09-2017
Очень понятное объяснение, всегда можно посмотреть правильный ответ, что также является обучающим моментом, особенно для новичков.