Цель курса
Изучить ключевые темы, необходимые для создания 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.