21 ноября, Киев — Мастер-класс "Web Animations — taking performance to the edge", SmartMe University
Организатор: SmartMe University
Тренер: Швайка Алексей
Дата и время: 21 ноября 2015 (10:00 — 18:00)
Место: г. Киев, ул. Боженко,
Описание
Интерфейс становится плоским, а это означает что нужно находить новый тип интерактивного взаимодействия. Если раньше «глубину» и реалистичность элемента мог обеспечить скевоморфизм — объёмные кнопки, тени и текстуры, то при плоском дизайне такую роль исполняет анимация. В тренде уменьшение количества страниц (переходов) для выполнения конкретного действия. И тут огромную роль играет анимация. Мы можем прятать элементы по необходимости и использовать многослойность. Все для того, чтобы пользователь совершил все необходимые действия на одной странице.
На практике же случается так, что одни анимации проигрываются плавно, а другие — нет. Почему так происходит, почему теряются кадры, почему возникают «тормоза» на мобильных устройствах и как работают современные браузеры (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
Для группы из
