phone_picture

Цель курса

Изучить ключевые темы, необходимые для создания Progressive Web Applications, закрепить их на практике, а также создать тренировочный PWA-проект.

Для продуктивного участия в курсе нужен адекватный опыт во frontend-разработке.

Программа курса

14 января, 19:30 — урок 1

  • Большая теория про PWA
  • Обзор ключевых возможностей
  • Обзор минимальных требований
  • Сценарии установки PWA
  • Изучение структуры манифеста

21 января, 19:30 — урок 2

  • Создание каркаса с VitePWA
  • Знакомство с Service Worker
  • Жизненный цикл Service Worker
  • Основы офлайн режима
  • Грамотное обновление Service Worker

28 января, 19:30 — урок 3

  • Использование Fetch Api
  • Кэширование запросов
  • Понимание стратегий кэша
  • Проблемы инвалидации кэша
  • Знакомство с Workbox

4 февраля, 19:30 — урок 4

  • Хранение данных в PWA
  • Работа с Indexed DB
  • Фоновые операции и sync tasks
  • Идемпотентность запросов к API
  • Обработка периодических sync event

11 февраля, 19:30 — урок 5

  • Работа с push-уведомлениями
  • Запрос разрешения пользователя
  • Генерация ключей с web-push
  • Push event и метод showNotification
  • Реализация минимального backend

18 февраля, 19:30 — урок 6

  • Решение практических проблем
  • Нюансы превращения SPA в PWA
  • Типичные ошибки на frontend
  • Типичные ошибки на backend
  • Авторизация пользователей

25 февраля, 19:30 — урок 7

  • Закрепление материала на практике
  • Доработка тренировочного PWA
  • Размещение PWA на реальном сервере
  • Подведение итогов курса
  • Направления дальнейшего развития

В итоге мы

  • Изучим теорию ключевых тем
  • Закрепим знания на практике
  • Создадим PWA на Vue
  • Создадим PWA на React
  • Выложим готовое PWA в сеть

Преподаватель курса

Дмитрий Лаврик

Профессиональный веб-разработчик

Опыт работы в сфере разработки сайтов более 15 лет. Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а.

Опытный преподаватель

Начиная с 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов. Если вы ещё не знакомы с Дмитрием, рекомендуем заглянуть на его youtube-канал, где вы найдете много полезных видео и сможете узнать стиль преподавания Дмитрия.

Дмитрий Лаврик

Что вы получите

7 онлайн уроков

По средам с 19:30 МСК. Продолжительность каждого занятия около двух часов. На уроках разбираются домашние работы учеников и новый материал.

Видеозаписи всех уроков

Если вы по какой-то причине не смогли посетить урок, не переживайте, спустя пару часов после окончания занятия он доступен в записи в хорошем качестве :)

Материалы и исходники

Все примеры, которые мы рассматриваем на уроках, вы получаете в архиве. Таким образом, даже не написав ни строчки кода, вы получаете набор готовых решений, сделанных на уроке.

Домашние задания

После каждого урока выдаётся домашнее задание, которое нужно сделать для закрепления пройденного материала. Плохие оценки не ставим – только конструктивные комментарии :)

Обратную связь от преподавателя

Домашнее задание каждого ученика разбирается на уроке. Поэтому максимальный размер группы ограничен, чтобы каждый мог получить комментарии по своей работе.

Доступ в закрытую группу

Во время прохождения курса все участники тусуются в рамках закрытой площадки, где помогают друг другу, а также задают вопросы преподавателю и получают ответы на них.

Обзор курса

Внимание! Для прохождения данного курса необходим адекватный опыт во frontend-разработке и хотя бы минимальное понимание тем backend.

Если вы хотите подробнее ознакомиться с идеями курса,

посмотрите видео, расположенное рядом

В нём также рассматриваются плюсы PWA, и создаётся простейший рабочий пример.

Запись на курс

Курс только что стартовал! Присоединяйтесь!

21 000 руб. 14 700 руб.

 
Способы оплаты

Часто задаваемые вопросы

Создаём PWA на Vue или React

Основной каркас тем изучается без привязки к frontend-фреймворку. Простой интерфейс можно и на чистом TS сделать. А во второй части курса мы сделаем PWA как на Vue, так и на React.

Пишем на TypeScript или чистом JS

Планируется TypeScript на минималках. Если вы ни разу не применяли TS, то хватит вводного курса и пары часов, чтобы привыкнуть к синтаксису и освоить простейшие типы.

PWA уступают нативным приложениям

Да, конечно. Но фокус в том, что для 95% проектов PWA будет достаточно, а создаётся оно на порядок проще. К тому же мы не меняем стек технологий, оставаясь в рамках привычного frontend.

Есть ли серьёзные минусы у PWA

Главных минусов два. Первый - люди не привыкли к ним так, как к приложениям из магазинов. Второй - в любой момент могут прилететь приколы со стороны платформы. Особенно iOS.

Будут ли записи уроков

Да, конечно. Видеозапись и материалы выкладываются в течение нескольких часов после окончания урока.

Будут ли ещё потоки этого курса

Будут, но очень нескоро. Точно не ранее второй половины 2026.