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

Похожие статьи:
Президент України Володимир Зеленський підписав закон № 11290 «Про внесення змін до деяких законів України щодо захисту інформації...
Бездозвільний режим з Угорщиною, ракетний удар по Львову та звільнений мер Славутича. DOU публікує короткий дайджест важливих...
Американська Horizon Capital оголосила, що її фонд із капіталом у $200 млн Emerging Europe Growth Fund III, LP (EEGF III) придбав міноритарний пакет акцій...
На вчерашней презентации, наряду с флагманскими смартфонами Lumia 950 и 950 XL, компания Microsoft также анонсировала и более простой и...
Компания Taiwan Semiconductor Manufacturing Company (TSMC) будет эксклюзивным поставщиком процессоров нового поколения для компании Apple. Речь...
Яндекс.Метрика