Progressive Web Applications [Дмитрий Лаврик]

[Robot]

Ссылка на картинку

Цель курса:

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

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

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

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

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

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

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

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

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

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

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

Урок 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-а.

Читать далее...

Показать больше