31 октября, Киев — Мастер-класс "Разработка, профайлинг и оптимизация быстрых web-приложений", SmartMe University

Организатор: SmartMe University
Тренеры: Радин Денис и Юрий Лучанинов

В последние годы веб-технологии стали своего рода серебряной пулей для UI и кроссплатформенной разработки, однако отношение к данному вопросу по-прежнему не однозначно.
Одной из основных проблем, с которыми сталкиваются разработчики при создании веб-приложений — производительность в сравнении с native приложениями. Много «know how» необходимы для того, чтобы создать HTML / JS приложение, которое будет таким же быстрым, как и IOS или Android Native.

Мастер-класс ознакомит вас с серией техник, позволяющих разрабатывать максимально быстрые веб-приложения, поднять отзывчивость интерфейса и сделать ваших юзеров счастливее.

«Оптимизация производительности — это не только о то, что делает ваше текущее приложение быстрее. Речь также идет и о реализации тех вещей, которые вы не могли делать ранее...», — Challenging Native.

О тренерах

— Радин Денис
(Javascript / Front-End Engineer at Liberty Global)
Фронтенд-специалист со страстью к экспериментам и оптимизации производительности. В качестве разработчика работал с Национальным олимпийским комитетом, Тимуром Бекмамбетовым, Nissan Авто и т.д.
Имеет более 10 лет опыта коммерческой разработки программного обеспечения и более 3 лет опыта руководства командой, реализовал более 100 проектов (весь цикл разработки). С #, HTML5 Microsoft — сертифицированный разработчик. Автор блога — Pixelscommander.

— Лучанинов Юрий
(Html/ Js/ Android Group Leader at MobiDev)
Руководитель направления кросс-платформенной разработки мобильных приложений в компании MobiDev. Ведущий специалист в области разработки на PhoneGap и Android. В IT бизнесе с 2001 года. С 2009 года занимается разработкой нативных и кросс-платформенных мобильных приложений.

План мастер-класса:

1. Введение.
2. Загрузка страницы:
● Критерии успеха, методики измерения
● Становимся инженерами: как передаются данные?
● Уменьшаем количество файлов
● Уменьшаем сетевой траффик
● Оптимизируем порядок загрузки
● Возвращение серверного рендеринга
3. Скорость исполнения JavaScript:
● Почему это важно?
● Критерии успеха, методики измерения
● Становимся инженерами: Как работают JS движки?
● Используем теорию для оптимизации
● Оптимизируем работу с данными
● Оптимизируем функции
● Кеширование, меморизация
● Что нужно знать о jQuery?
● Работаем с DOM
● Делегация событий
● Профайлинг JavaScript
4. Работа с памятью в JavaScript, Garbage Collector:
● Жизненный цикл памяти.
● Хороший тон при использовании памяти.
● Профайлинг памяти.
● Техника трех снимков.
● Статическое выделение памяти.
5. Скорость рендеринга и анимации:
● Основной поток выполнения в браузере
● Hardware VS Software рендеринг
● Советы по высоко производительной анимации
● Reflow в глубь
● Paint в глубь
6. Альтернативные методы рендеринга контента:
● SVG
● Canvas
● WebGL
7. Человеческое восприятие и UI трюки:
● Несколько фактов о человеческом восприятии
● Критерии успешного приложения с точки зрения конечного пользователя
● Задержки во взаимодействии на мобильных устройствах
● Проблемы проектирования UI на мобильных устройствах
8. Трюк: делаем быстрые бесконечные списки (Lightweight + Object Pool).


Похожие статьи:
Undoubtedly, we live in a world with abundant amusing content easily accessible in video form, yet it is the fact that the popular video platforms like YouTube and Facebook refuse individual’s free download requirements. Of course, we always...
Генеральний директор Intel Пет Гелсінгер погіршив свої прогнози щодо дефіциту чипів і тепер очікує, що напівпровідникова...
Ось уже третій місяць поспіль для щоденної роботи я використовую Linux. Як людина, що до останнього їла кактус Тіма Кука,...
Борис Концевой — основатель и СЕО Intetics — сервисной IT-компании с 11 офисами в 6 странах — 3 из них в Украине....
The maintenance of power transformer is the daily work that the electrician must do in order to keep the transformer in normal technical condition and prolong its service life. Transformer maintenance is...
Яндекс.Метрика