frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
Продолжительность
4 ч 17 мин
Категория
Progressive Web App (PWA)Количество уроков
39 Видео
Дата добавления
14 мая 2019 г., 04:41
Язык
Английский
Дата выхода
10 мая 2019 г., 07:31
Дата обновления
2 авг. 2019 г., 13:21
Мы привыкли думать о веб-приложении, которое находится только на одной вкладке браузера пользователя. Но оказывается, что для того, чтобы сайты начали достигать паритета с нативными приложениями, им нужно вырваться из вкладки! Эта модель началась много лет назад с Web Workers, и теперь она включает в себя новый мощный вид: Service Worker. С помощью Service Workers часть вашего приложения находится за пределами вкладки и может действовать как своего рода локальный прокси-сервер между вкладкой и сервером вашего веб-приложения. Это предоставляет новый мощный набор возможностей, включая интеллектуальное кэширование (для автономного режима!), Синхронизированные обновления и даже пользовательские уведомления. На этом семинаре мы познакомимся с Service Worker и напишем нашего первого сервисного работника, который будем использовать для кэширования, синхронизации и уведомления. Затем мы поговорим о том, где находятся Service Worker под зонтиком Progressive Web App (PWA).
- Напишите веб-работника для комуникации со страницей
- Напишите простой кеширующий Service Worker для автономного использования сайта
- Изучите шаблоны для автономной / онлайн-синхронизации и уведомлений пользователей
- Изучите характеристики хороших прогрессивных веб-приложений (PWA)
Посмотреть больше
Удален по просьбе правообладателя
- Урок 1.00:12:27Introduction
- Урок 2.00:07:00The Case for Service Workers
- Урок 3.00:10:21Introduction to Web Workers
- Урок 4.00:06:47Creating a Worker
- Урок 5.00:03:44Communicating with a Worker
- Урок 6.00:03:59Data Transfer Solutions
- Урок 7.00:08:20Receiving Data from a Worker
- Урок 8.00:02:13Web Workers Q&A
- Урок 9.00:06:04Service Worker Use Cases
- Урок 10.00:12:03Use Case Brainstorming
- Урок 11.00:06:58Push Notifications
- Урок 12.00:01:03serviceworke.rs
- Урок 13.00:03:53Following Along
- Урок 14.00:05:40Service Worker Project
- Урок 15.00:07:10Detecting Offline Status
- Урок 16.00:04:33Register & Install a Service Worker
- Урок 17.00:09:13Service Worker Access
- Урок 18.00:10:06Creating a Service Worker
- Урок 19.00:02:17Keeping the Service Worker Alive
- Урок 20.00:10:12Inspecting Service Worker Lifecycle
- Урок 21.00:09:36Message Handling in the Client
- Урок 22.00:11:25Message Handling in the Service Worker
- Урок 23.00:05:55Specifying Cached URLs
- Урок 24.00:02:53Caching Q&A
- Урок 25.00:07:43Adding to Service Worker Cache
- Урок 26.00:06:00Service Worker Cache Demo
- Урок 27.00:11:45Clearing Service Worker Cache
- Урок 28.00:07:40Routing Cache Fallback Offline
- Урок 29.00:05:11Caching Strategies
- Урок 30.00:05:41Implementing a Caching Strategy
- Урок 31.00:06:00Offline Routing Demo
- Урок 32.00:01:49Offline Routing Q&A
- Урок 33.00:12:01Logged Out Routing Walkthrough
- Урок 34.00:07:06Authentication Aware Routing
- Урок 35.00:05:17Login & Logout Routing
- Урок 36.00:04:50Authentication Aware Routing Demo
- Урок 37.00:05:36Proactive Background Caching
- Урок 38.00:05:04Storing Form Data in IndexDB
- Урок 39.00:01:56Wrapping Up
Автор - frontendmasters
Другие материалы в этой категории
Прогрессивные веб-приложения (PWA) - от новичка до эксперта
Angular прогрессивные веб-приложения (PWA) МастерКласс + Книга
Разработка прогрессивного веб-приложения (PWA): полное руководство: 2-в-1
Offline-First Progressive Web Apps (PWA) в Vue.js
Progressive Web Apps (PWA) - Полное руководство
Progressive Web Applications (PWA) и Оффлайн
Создавайте контентые PWA с Gatsby и Contentful
Комментарии
After learing courses about performance from frontend masters, its an expected path to learn more about ideas you hear from other mentors.