Maxim Salnikov

Information & Communications Technology

Azure JavaScript Angular progressive web apps IoT

Oslo, Norway

Практический мастер-класс по PWA: Давайте сделаем веб-приложение прогрессивным за один день!

В течение одного интенсивного дня вы узнаете все идеи, лежащие в основе PWA и после продуктивной работы, выполнив шаг за шагом все инструкции ментора, овладеете и всеми практическими навыками по прогрессивизации веб-приложений. Никто не уйдет домой без полноценного PWA, созданного своими руками!

Прогрессивные веб-приложения уже получили действительно широкую известность и признание всеми вовлеченными сторонами: разработчиками браузеров (наконец, всеми!), разработчиками, пользователями. Действительно, почему бы не добавить нашему продукту все эти ранее недоступные в рамках веба возможности: работу в оффлайн-режиме, значительное ускорение работы с сетевыми запросами, веб-push уведомления, “устанавливаемость” на устройство пользователя как обычное нативное приложение и массу других полезных свойств? А если мы скажем, что все это возможно сделать в течение одного рабочего дня?

Запросы на “прогрессивизацию” веб-продуктов возникают все чаще, и задача нашего мастер-класса - дать всю теоретическую базу о PWA и, самое главное, пройти все шаги от обычного к прогрессивному приложению на практике, на вашем личном компьютере (не забудьте принести ноутбук и зарядник к нему), в вашем любимом редакторе кода.

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

План дня (8 часов с перерывом на обед):

Определяем общую цель и конкретные задачи, что нужно, чтобы наше приложение стало PWA
Теоретический курс PWA, направленный на быстрый практический старт
Устанавливаем и настраиваем наше рабочее окружение
Краткое знакомство с нашим подопытным - “обычным” веб-приложением
Создаем и регистрируем наш первый сервис-воркер. Изучаем возможности Dev Tools браузера касательно PWA
Отправляем наше приложение в оффлайн - на практике знакомимся с библиотекой Workbox
Оптимизируем работу с сетью - кешируем запросы к API, используя разные стратегии
Отдыхаем от кодинга - составляем Web App Manifest, чтобы наше приложение стало устанавливаемым
Знакомство с веб-push уведомлениями и добавление этой функциональности нашему приложению
Продвинутые сетевые возможности - добавляем возможность отправлять контент на сервер, и собираем аналитику находясь оффлайн
Проверка итоговой “прогрессивности” нашего приложения, подведение итогов
Пара слов о других интересных возможностях сервис воркеров и о будущем PWA
Сессия вопросов и ответов


Maxim Salnikov

Developer Engagement Lead

Максим занимается созданием сложных веб-приложений с конца прошлого века и имеет большой опыт работы со всеми аспектами веб-платформы, фокусируясь на решениях с данными в реальном времени на стыке веба и IoT, и популяризуя идею прогрессивных веб-приложений (PWA). Он Google Developer Expert по веб-технологиям и IoT и обладатель награды Microsoft MVP в технологиях разработки.

Максим является основателем и руководителем двух конференций: Mobile Era и ngVikings - главных скандинавских мероприятий по мобильной и Angular разработке соответственно. Кроме того он проводит крупнейшие в Норвегии митапы по фронтенд- и мобайл тематике.

Максим всегда готов поделиться своим опытом и знаниями. Он много путешествует, выступает и проводит мастер-классы на конференциях для разработчиков по всему миру.

Кратко:
Максим занимается созданием веб-приложений с конца прошлого века и накопил солидный опыт работы со многими аспектами веб-платформы, которым он активно делится, выступая и проводя мастер-классы на конференциях для разработчиков по всему миру (и сам организует конференции и митапы). В настоящее время он активно исследует новые возможности веба и идею прогрессивных веб-приложений (PWA) в частности.


Some recordings of my talks:
https://bit.ly/maxim-salnikov-speaker-youtube
https://bit.ly/maxim-salnikov-speaker-vimeo

Photo:
https://bit.ly/maxim-salnikov-speaker-photo

Maxim's full speaker profile