Начните работу с Progressive Web Apps с помощью нашего нового обучения из шести частей, дополненного новыми практическими работами.
Многое изменилось в мире Progressive Web Apps с тех пор, как мы выпустили наш последний набор обучения PWA более четырех лет назад: CSS Grid получил широкое распространение, PWA появились на настольных компьютерах, а проект capabilities запустил более 25 новых API, ориентированных на интеграцию с устройствами, открыв совершенно новые сегменты приложений, которые можно создавать полностью в Интернете. Сегодня мы рады поделиться первой итерацией нашего недавно обновленного обучения PWA, чтобы научить вас создавать надежные, устанавливаемые и эффективные Progressive Web Apps для всех устройств.
Текущая версия тренинга разделена на шесть слайдов, готовых для того, чтобы вы могли учиться или чтобы вы могли взять и научить других. Это:
- Введение в прогрессивные веб-приложения
- Создание прочной основы для вашего PWA
- Повысьте надежность вашего веб-приложения
- Сделайте свое веб-приложение устанавливаемым
- Добавление расширенных возможностей в ваше веб-приложение
- Внедрение передовых архитектур веб-приложений
В дополнение к этому новому материалу, есть восемь новых кодовых лабораторий, которые проведут вас через превращение веб-приложения в Progressive Web App с глубокой интеграцией устройств, используя концепции, изложенные в слайдах. Вы можете перейти к любой кодовой лабораторией и работать над ней индивидуально, или вы можете проходить их одну за другой; выбор за вами. Это:
- Переход в автономный режим — основы написания сервис-воркера для кэширования и обслуживания контента в автономном режиме
- Работа с Workbox - Использование Workbox для написания вашего сервисного работника
- IndexedDB — использование IndexedDB для хранения и извлечения данных
- Tab to Taskbar — обеспечение возможности установки веб-приложений и предоставление ярлыков для приложений
- Подсказки и измерение установки — добавление подсказок для установки в приложение и место для отслеживания успеха
- Расширение возможностей вашего PWA — добавление расширенных возможностей, включая доступ к локальной файловой системе и регистрацию в качестве обработчика файлов
- Service Worker включает в себя : динамическую генерацию потокового ответа Service Worker.
- Работа с Workers — использование веб-воркеров для разгрузки основного потока
В течение следующих нескольких месяцев мы преобразуем содержимое слайдов в более простые для использования и обновления форматы. Это облегчит нам поддержание актуальности контента, так что больше не придется ждать четыре года для очередного обновления контента. Следите за этим пространством. Будущее веб-приложений захватывающее, и мы рады научить вас, как его создать.