Цель курса
Изучить ключевые темы, необходимые для создания Progressive Web Applications, закрепить их на практике, а также создать тренировочный PWA-проект.
Для продуктивного участия в курсе нужен адекватный опыт во frontend-разработке.
Программа курса
урок 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 на реальном сервере
- Подведение итогов курса
- Направления дальнейшего развития
В итоге мы
- Изучим теорию ключевых тем
- Закрепим знания на практике
- Создадим PWA на Vue
- Создадим PWA на React
- Выложим готовое PWA в сеть
Преподаватель курса
Дмитрий Лаврик
Профессиональный веб-разработчик
Опыт работы в сфере разработки сайтов более 15 лет. Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а.
Опытный преподаватель
Начиная с 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов. Если вы ещё не знакомы с Дмитрием, рекомендуем заглянуть на его youtube-канал, где вы найдете много полезных видео и сможете узнать стиль преподавания Дмитрия.
Что вы получите
Видеозаписи всех уроков
В хорошем качестве с возможностью скачать видео. Продолжительность каждого занятия около двух часов. На уроках разбираются домашние работы учеников и новый материал.
Материалы и исходники
Все примеры, которые мы рассматриваем на уроках, вы получаете в архиве. Таким образом, даже не написав ни строчки кода, вы получаете набор готовых решений, сделанных на уроке.
Доступ в закрытую группу
Во время прохождения курса и после его завершения участники тусуются в рамках закрытой площадки, где помогают друг другу, а также задают вопросы преподавателю и получают ответы на них.
Обзор курса
Внимание! Для прохождения данного курса необходим адекватный опыт во frontend-разработке и хотя бы минимальное понимание тем backend.
Если вы хотите подробнее ознакомиться с идеями курса,
посмотрите видео, расположенное рядом
В нём также рассматриваются плюсы PWA, и создаётся простейший рабочий пример.
Запись на курс
Доступно в формате видеозаписей
со свежего потока (январь 2026)
21 000 руб.
10 500 руб.
Часто задаваемые вопросы
Создаём PWA на Vue или React
Основной каркас тем изучается без привязки к frontend-фреймворку. Простой интерфейс можно и на чистом TS сделать. А во второй части курса мы сделаем PWA как на Vue, так и на React.
Пишем на TypeScript или чистом JS
Планируется TypeScript на минималках. Если вы ни разу не применяли TS, то хватит вводного курса и пары часов, чтобы привыкнуть к синтаксису и освоить простейшие типы.
PWA уступают нативным приложениям
Да, конечно. Но фокус в том, что для 95% проектов PWA будет достаточно, а создаётся оно на порядок проще. К тому же мы не меняем стек технологий, оставаясь в рамках привычного frontend.
Есть ли серьёзные минусы у PWA
Главных минусов два. Первый - люди не привыкли к ним так, как к приложениям из магазинов. Второй - в любой момент могут прилететь приколы со стороны платформы. Особенно iOS.