Progressive Web Applications
О чём курс
Вам нужен навык превращения обычного веб-сайта в полноценное приложение, работающее без интернета и поддерживающее push-уведомления — именно это разбирается в рамках создания PWA. Курс ориентирован на разработчиков с опытом во frontend, которые хотят освоить современные возможности браузеров: от Service Worker и манифестов до работы с Indexed DB и реализации фоновой синхронизации данных. Внутри курса вы пошагово пройдете путь от теории PWA и стратегий кэширования до развертывания готовых приложений на React и Vue на реальных серверах. После обучения вы сможете адаптировать существующие SPA под стандарты PWA и выкладывать их в сеть.
Программа обучения
- Урок 1
- Большая теория про PWA
- Обзор ключевых возможностей
- Обзор минимальных требований
- Сценарии установки PWA
- Изучение структуры манифеста
- Урок 2
- Создание каркаса с VitePWA
- Знакомство с Service Worker
- Жизненный цикл Service Worker
- Основы офлайн режима
- Грамотное обновление Service Worker
- Урок 3
- Использование Fetch Api
- Кэширование запросов
- Понимание стратегий кэша
- Проблемы инвалидации кэша
- Знакомство с Workbox
- Урок 4
- Хранение данных в PWA
- Работа с Indexed DB
- Фоновые операции и sync tasks
- Идемпотентность запросов к API
- Обработка периодических sync event
- Урок 5
- Работа с push-уведомлениями
- Запрос разрешения пользователя
- Генерация ключей с web-push
- Push event и метод showNotification
- Реализация минимального backend
- Урок 6
- Решение практических проблем
- Нюансы превращения SPA в PWA
- Типичные ошибки на frontend
- Типичные ошибки на backend
- Авторизация пользователей
- Урок 7
- Закрепление материала на практике
- Доработка тренировочного PWA
- Размещение PWA на реальном сервере
- Подведение итогов курса
- Направления дальнейшего развития
Другие материалы автора 12
ДЛ Дмитрий Лаврик Все материалыОтзывов пока нет. Будьте первым!
Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.
Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.
Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.