Офлайн-чтение и PWA
Создаём учебный сайт, на котором можно сохранять главы и читать их без сети. Разбираем manifest, service worker, обновления, навигацию и ограничения хранилища.
В серии 16 уроков. Сначала определим границы автономной работы и добавим сохранение материалов. Затем разберём согласованность ресурсов, закладки, миграции, прерванные загрузки, несколько вкладок и восстановление кэша.
Перед началом
Базовые знания HTML и JavaScript. Упражнения выполняются в отдельном проекте offline-lab.
Уроки по порядку
- PWA: что должно работать в офлайн-учебнике
- Web App Manifest: установка PWA
- Жизненный цикл service worker
- Service worker: первая страница без сети
- PWA: сохранение выбранных глав
- PWA: ссылки и состояния без сети
- PWA: обновление офлайн-учебника
- PWA: матрица сценариев офлайн-приложения
- PWA: согласованность HTML и ресурсов
- Кеш PWA: размер и состав ресурсов
- PWA: закладки и место продолжения
- PWA: миграция локальных данных
- PWA: прерванная загрузка материалов
- PWA: обновление в нескольких вкладках
- PWA: восстановление повреждённого кеша
- Хранилище PWA: квоты и вытеснение данных
Уроки развивают общий пример. Переходите к следующему после разбора результата предыдущего; к нужной теме можно вернуться по этому оглавлению.