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