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

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

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

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

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

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