Главная страницаКатегория progressive web app (pwa)Service Worker и PWA

Service Worker и PWA

Name: Service Worker и PWA
Rating: 4.8 (27 reviews)

Service Worker and PWAs

frontendmasters

★4.8 (всего оценок - 27)

Продолжительность

4 ч 17 мин

Категория

Progressive Web App (PWA)

Количество уроков

39 Видео

Дата добавления

14 мая 2019 г., 04:41

Язык

Английский

Дата выхода

10 мая 2019 г., 07:31

Дата обновления

29 апр. 2026 г., 03:20

Service Worker и технологии Progressive Web App (PWA) открывают веб‑приложениям путь за пределы обычной вкладки браузера — к автономной работе, мгновенным загрузкам и удобству, сравнимому с нативными приложениями. Этот курс поможет вам понять ключевые концепции и научит применять их на практике.

Что такое Service Worker и зачем он нужен

Service Worker — это скрипт, работающий в фоновом режиме и функционирующий как интеллектуальный прокси между браузером и сервером. Благодаря этому веб‑приложение получает новые возможности, которые раньше были доступны только в нативных мобильных приложениях.

Основные возможности Service Worker

Автономная работа благодаря гибкому кэшированию.
Фоновая синхронизация данных без участия пользователя.
Обработка сетевых запросов по собственным правилам.
Push‑уведомления и взаимодействие с пользователем вне вкладки браузера.

Практическое использование Service Worker

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

Написание веб‑работника для взаимодействия со страницей

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

Создание кеширующего Service Worker

Будет подробно разобрана стратегия кэширования для ускорения загрузки страниц и обеспечения доступности сайта в офлайн‑режиме.

Примеры кэш‑стратегий

Cache First
Network First
Stale‑While‑Revalidate
Cache Only / Network Only

Service Worker в экосистеме PWA

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

Ключевые характеристики качественного PWA

Работает независимо от скорости и стабильности сети.
Загружается мгновенно благодаря продвинутому кэшированию.
Поддерживает установку на домашний экран.
Может отправлять уведомления пользователю.
Обеспечивает безопасную работу через HTTPS.

Почему этот курс полезен

Вместе вы создадите практические примеры, разберёте архитектурные подходы и узнаете, как внедрять современные веб‑возможности в реальные проекты. После завершения курса вы сможете уверенно использовать Service Worker и создавать PWA, которые работают быстро, стабильно и надёжно.

Удален по просьбе правообладателя

Урок 1.00:12:27
Introduction
Урок 2.00:07:00
The Case for Service Workers
Урок 3.00:10:21
Introduction to Web Workers
Урок 4.00:06:47
Creating a Worker
Урок 5.00:03:44
Communicating with a Worker
Урок 6.00:03:59
Data Transfer Solutions
Урок 7.00:08:20
Receiving Data from a Worker
Урок 8.00:02:13
Web Workers Q&A
Урок 9.00:06:04
Service Worker Use Cases
Урок 10.00:12:03
Use Case Brainstorming
Урок 11.00:06:58
Push Notifications
Урок 12.00:01:03
serviceworke.rs
Урок 13.00:03:53
Following Along
Урок 14.00:05:40
Service Worker Project
Урок 15.00:07:10
Detecting Offline Status
Урок 16.00:04:33
Register & Install a Service Worker
Урок 17.00:09:13
Service Worker Access
Урок 18.00:10:06
Creating a Service Worker
Урок 19.00:02:17
Keeping the Service Worker Alive
Урок 20.00:10:12
Inspecting Service Worker Lifecycle
Урок 21.00:09:36
Message Handling in the Client
Урок 22.00:11:25
Message Handling in the Service Worker
Урок 23.00:05:55
Specifying Cached URLs
Урок 24.00:02:53
Caching Q&A
Урок 25.00:07:43
Adding to Service Worker Cache
Урок 26.00:06:00
Service Worker Cache Demo
Урок 27.00:11:45
Clearing Service Worker Cache
Урок 28.00:07:40
Routing Cache Fallback Offline
Урок 29.00:05:11
Caching Strategies
Урок 30.00:05:41
Implementing a Caching Strategy
Урок 31.00:06:00
Offline Routing Demo
Урок 32.00:01:49
Offline Routing Q&A
Урок 33.00:12:01
Logged Out Routing Walkthrough
Урок 34.00:07:06
Authentication Aware Routing
Урок 35.00:05:17
Login & Logout Routing
Урок 36.00:04:50
Authentication Aware Routing Demo
Урок 37.00:05:36
Proactive Background Caching
Урок 38.00:05:04
Storing Form Data in IndexDB
Урок 39.00:01:56
Wrapping Up

Автор - frontendmasters

frontendmasters

FrontendMasters — одна из ведущих онлайн-платформ для изучения фронтенд- и веб-разработки. Курсы представлены в формате видеоворкшопов и преподаются практикующими экспертами из крупных технологических компаний. Платформа охватывает широкий спектр современных технологий (JavaScript, React, TypeScript и др.) и делает упор на глубокое понимание и применение знаний на практике.

+792

Комментарии

Иван
26 янв. 2024 г., 13:55
Course give a great minimal understanding, about how you should use workers.
After learing courses about performance from frontend masters, its an expected path to learn more about ideas you hear from other mentors.