21 ноября, Киев — Мастер-класс "Web Animations — taking performance to the edge", SmartMe University

Организатор: SmartMe University
Тренер: Швайка Алексей
Дата и время: 21 ноября 2015 (10:00 — 18:00)
Место: г. Киев, ул. Боженко, 86-О (Google Maps)

Описание
Интерфейс становится плоским, а это означает что нужно находить новый тип интерактивного взаимодействия. Если раньше «глубину» и реалистичность элемента мог обеспечить скевоморфизм — объёмные кнопки, тени и текстуры, то при плоском дизайне такую роль исполняет анимация. В тренде уменьшение количества страниц (переходов) для выполнения конкретного действия. И тут огромную роль играет анимация. Мы можем прятать элементы по необходимости и использовать многослойность. Все для того, чтобы пользователь совершил все необходимые действия на одной странице.

На практике же случается так, что одни анимации проигрываются плавно, а другие — нет. Почему так происходит, почему теряются кадры, почему возникают «тормоза» на мобильных устройствах и как работают современные браузеры (repaint, reflow, composite, GPU acceleration) — эти вопросы мы подробно рассмотрим на мастер-классе. Также поговорим о новом способе управлениями анимациями — Web Animations API 1.0.

Что необходимо для участия в мастер-классе:
— умение верстать;
— хорошее понимание CSS3 transitions/animations;
— продвинутое знание Vanilla JS (ES6).

Детали и план мастер-класса по ссылке

О тренере
Швайка Алексей
(Front End Engineer at Hackraft)
Спикер на многочисленных конференциях и митапах, ECMAScript theorist, активный участник dev-ua комьюнити, ментор и консультант.

План мастер-класса:
1. Как работают браузеры.
2. Контекст наложения.
3. Layout (reflow).
4. Paint.
5. Composite.
6. Способы анимирования.
7. Web Animations API 1.0.
8. Отладка анимаций.
9. GPU ускоренные анимации.
10. Обзор типичных проблем производительности.

Детали и регистрация на сайте

Скидка в 200 грн. для читателей DOU по промо-коду → dou-wa21IISMu
Для группы из 3-х человек и более действуют скидки. За деталями обращайтесь на → info@smartme.university

Похожие статьи:
У свіжому дайджесті DOU News обговорюємо, чому Intel блокував в Х українців, хто і навіщо прослуховує наші телефони, рекордну кількість...
Южнокорейская компания Samsung Electronics объявила о выпуске своей первой версии шлема виртуальной реальности Gear VR, созданного в...
Старт курса в Киеве: 1 группа — 13 ноября, 2 группа — 4 декабряСтарт курса в Днепропетровске: 27 ноября Приглашаем вас...
В рубрике DOU Labs мы приглашаем IT-компании делиться опытом собственных интересных разработок и внутренних...
IT Education Center объявляет набор на курс по Администрированию Linux «Базовый уровень». Старт обучения очередных...
Яндекс.Метрика