Главная страницаКатегория progressive web app (pwa)Прогрессивные веб-приложения (PWA) - от новичка до эксперта

Прогрессивные веб-приложения (PWA) - от новичка до эксперта

Name: Прогрессивные веб-приложения (PWA) - от новичка до эксперта
Rating: 4.3 (8 reviews)

Progressive Web Apps (PWA) - From Beginner to Expert

udemy

★4.3 (всего оценок - 8)

Прогрессивные веб-приложения (PWA) - от новичка до эксперта

Загрузить

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

19 ч 46 мин

Категория

Progressive Web App (PWA)

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

179 Видео

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

18 дек. 2018 г., 13:57

Язык

Английский

Дата выхода

12 июн. 2018 г., 15:17

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

18 дек. 2018 г., 13:57

Узнайте, как обеспечить лучший пользовательский опыт с использованием лучших веб-технологий. Прогрессивные веб-приложения - это просто веб-сайты, которые постепенно становятся приложениями. Но как это происходит? Требуются опытные разработчики, которые понимают новый способ создания быстрых, надежных и привлекательных веб-сайтов. В этом курсе вы узнаете, что такое прогрессивные веб-приложения, зачем их нужно осваивать и почему ваши заинтересованные стороны хотят использовать прогрессивные веб-приложения вместо традиционных веб-сайтов и собственных приложений.

Предприятия всех размеров открывают для себя мощные прогрессивные веб-приложения, которые помогают им охватить и привлечь аудиторию. Это означает, что они могут увеличить доходы при одновременном снижении затрат. Такие бренды, как Twitter, Lyft, The Washington Post, Forbes и Weather Channel, обнаружили преимущества, которые дает переход на прогрессивное веб-приложение.

Успех, достигнутый этими компаниями, приводит к росту спроса на разработчиков, квалифицированных в работе с PWA.

Вы узнаете, как создать оболочку приложения, чтобы ваш опыт мог постепенно загружаться с мгновенным присутствием. Я предлагаю вам все, что вам нужно знать о прогрессивных веб-приложениях и сервисных работниках (Service Workers).

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

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

HTTPS
Home Screen/Installation Experience
Как каждый браузер планирует реализовать поддержку PWA
Service Worker
жизненный цикл Service Worker
Service Worker
Всплывающие уведомления
Фоновая синхронизация
Основные практические рекомендации по производительности и способы применения шаблонов PRPL и RAIL.

Этот курс не использует JavaScript-фреймворки. Все примеры, в первую очередь демонстрационный сайт под названием Fast Furniture, основаны на ванильном JavaScript. Сайт использует Bootstrap 4 в качестве библиотеки CSS, но необходимо знать предварительные знания Bootstrap.

Посмотреть больше

Урок 1.00:01:42
About the Course
Урок 2.00:05:51
Fast Furniture – The Reference PWA
Урок 3.00:13:48
Using Visual Studio Code
Урок 4.00:11:39
Installing Node
Урок 5.00:17:46
The Fast Furniture Source Code
Урок 6.00:09:12
A localhost Web Server Using Node http-server
Урок 7.00:04:26
A New Level of Quality
Урок 8.00:06:37
Fast Reliable Engaging
Урок 9.00:20:39
Web vs App Smack Down
Урок 10.00:07:11
PWA Expert Quotes
Урок 11.00:10:44
Progressive Web App Success Stories
Урок 12.00:04:29
Web Sites Must Work Offline
Урок 13.00:09:53
Technical Upgrades and Requirements
Урок 14.00:00:17
Who Supports Progressive Web Apps?
Урок 15.00:03:24
Browsers that Support Progressive Web Apps
Урок 16.00:02:23
Progressive Web Apps Support Statistics
Урок 17.00:02:13
Over 1 Billion Users Have Progressive Web Application Devices
Урок 18.00:06:45
iOS Safari Limitations
Урок 19.00:03:04
iOS Safari Fallbacks
Урок 20.00:06:30
Internet Exporer and Progressive Web Apps
Урок 21.00:12:33
How HTTPS Works
Урок 22.00:15:45
5 Reasons Why You Should Use HTTPS
Урок 23.00:07:56
HTTPS Browser Warnings
Урок 24.00:07:55
3 Types of HTTPS Certificates
Урок 25.00:09:04
Why HTTPS is Faster Than HTTP
Урок 26.00:18:38
How to Properly Implement HTTPS
Урок 27.00:18:59
HTTP/2 Basics
Урок 28.00:10:02
What is the Web Manifest
Урок 29.00:02:25
Web Manifest Identity Properties - Names
Урок 30.00:00:36
Web Manifest Identity Properties - Description
Урок 31.00:06:07
Web Manifest Properties - Icons
Урок 32.00:10:38
What Icon SIzes Should Your PWA Have?
Урок 33.00:02:14
How PWABuilder.com Can Automate PWA Icon Creation
Урок 34.00:03:32
Reviewing the Full PWA Iconset in the Developer Tools
Урок 35.00:02:06
Web Manifest Identity Properties - Theme Colors
Урок 36.00:03:20
Web Manifest Identity Properties - Display
Урок 37.00:01:13
Web Manifest Identity Properties - Orientation
Урок 38.00:03:30
Web Manifest Identity Properties - Start URL
Урок 39.00:02:43
Web Manifest Identity Properties - Scope
Урок 40.00:02:44
Web Manifest Identity Properties - Related Applications
Урок 41.00:01:30
Web Manifest Mime/Content-Type
Урок 42.00:04:41
Reviewing the Fast Furniture Web Manifest File
Урок 43.00:02:17
Testing the Add to Homescreen Prompt
Урок 44.00:04:21
Before Add to Homescreen Prompt Code
Урок 45.00:10:46
What is An App Shell
Урок 46.00:10:57
App Shell Architecture
Урок 47.00:04:59
Critical Path Assets
Урок 48.00:08:43
Performance Impact
Урок 49.00:05:31
When Should You Use An App Shell
Урок 50.00:03:27
Advanced App Shell Concepts
Урок 51.00:18:58
Explaining the Form Submission Library
Урок 52.00:06:18
What is Fetch
Урок 53.00:03:59
Compare XHR to Fetch Code
Урок 54.00:07:44
Basic Fetch Example
Урок 55.00:02:07
Response Object
Урок 56.00:02:59
Headers Object
Урок 57.00:03:04
Body Object
Урок 58.00:06:34
Request Object
Урок 59.00:03:20
Response Types
Урок 60.00:03:36
Request Modes & CORS
Урок 61.00:00:52
Creating Custom Request Objects
Урок 62.00:11:19
Using Fetch to Retrieve JSON
Урок 63.00:00:57
Verify A Successful Response
Урок 64.00:01:51
Fetch Review
Урок 65.00:14:44
Using Fetch to Retrieve an Image
Урок 66.00:06:50
Demonstrating Posting a Form Using Fetch
Урок 67.00:12:11
What is a Service Worker
Урок 68.00:15:07
How HTML5 Fell Short
Урок 69.00:09:20
Service Worker Capabilities
Урок 70.00:03:58
Service Workers Change the Game
Урок 71.00:06:48
Service Worker Browser Support
Урок 72.00:01:46
Introduction to Service Worker Life Cycle
Урок 73.00:09:38
Service Worker Life Cycle Concepts
Урок 74.00:13:36
Service Worker Life Cycle Walk Through Register, Install and Activate
Урок 75.00:20:43
Service Worker Life Cycle Update Walk Through
Урок 76.00:07:32
Service Worker Installation Event
Урок 77.00:05:07
Service Worker Life Cycle Activate
Урок 78.00:10:21
Update and skipWaiting
Урок 79.00:07:14
Service Worker Automatic Update Wlk Through
Урок 80.00:05:30
Service Worker Scope
Урок 81.00:03:34
Service Worker Clients
Урок 82.00:01:15
Unregister a Service Worker
Урок 83.00:04:22
Replace Buggy Service Worker
Урок 84.00:11:48
Service Worker Life Cycle Pro Tips
Урок 85.00:01:29
Network Connectivity Conditions
Урок 86.00:17:27
Cache API Concepts
Урок 87.00:13:47
Caches Object
Урок 88.00:07:11
Cache AddAll Method
Урок 89.00:19:06
Cache Keys and Update
Урок 90.00:16:02
Service Worker Fetch Event
Урок 91.00:10:35
Intro to Service Worker Caching
Урок 92.00:06:48
Intro to Service Worker Caching Code Walk Through
Урок 93.00:06:18
Creating a Custom Response in the Service Worker Fetch Event Handler
Урок 94.00:07:23
PreCache - On Install as a Dependency Concept
Урок 95.00:10:16
PreCache - On Install as a Dependency - Code Demonstration
Урок 96.00:07:29
On Install as Dependency - Concept
Урок 97.00:02:58
On Insntall Not As Dependency Concepts
Урок 98.00:06:45
On Install Not as Dependency - Code Demonstration
Урок 99.00:03:12
On Activate - Concept
Урок 100.00:04:00
On Activate - Code Demonstration
Урок 101.00:02:18
On User Interaction - Concept
Урок 102.00:04:49
On User Interaction - Code Demonstration
Урок 103.00:04:03
On Network Response Concept
Урок 104.00:03:23
On Network Response Code Demonstration
Урок 105.00:02:56
Stale-While-Revalidate Concept
Урок 106.00:04:18
Stale-While-Revalidate Code Demonstration
Урок 107.00:04:05
On Push Message Concept
Урок 108.00:05:04
On Push Message Code Demonstration
Урок 109.00:05:04
On Push Message Code Demonstration
Урок 110.00:02:07
On Background Sync Concept
Урок 111.00:01:01
Cache Only Concept
Урок 112.00:05:16
Cache Only Code Demonstration
Урок 113.00:02:19
Network Only Concept
Урок 114.00:07:58
Network Only Code Demonstration
Урок 115.00:01:46
Cache, Falling Back to Network Concept
Урок 116.00:03:38
Cache, Falling Back to Network Code Demonstration
Урок 117.00:03:53
Cache & Network Race Concept
Урок 118.00:03:34
Cache & Network Race Code Demonstration
Урок 119.00:01:31
Network Falling Back to Cache Concept
Урок 120.00:02:37
Network Falling Back to Cache Code Demonstration
Урок 121.00:03:44
Cache then Network Concept
Урок 122.00:03:18
Cache then Network Code Demonstration
Урок 123.00:02:09
Generic Fallback Concept
Урок 124.00:03:31
Generic Fallback Code Demonstration
Урок 125.00:08:03
Service Worker Templating Concept
Урок 126.00:07:01
Service Worker Templating Code Demonstration
Урок 127.00:07:18
What is Web Storage
Урок 128.00:02:09
Web Storage Types
Урок 129.00:01:20
Web Storage Feature Detection
Урок 130.00:04:16
Saving Values to Web Storage
Урок 131.00:01:12
Getting Values from Web Storage
Урок 132.00:01:45
Interating over Web Storage Values
Урок 133.00:02:07
Deleting Web Storage Values
Урок 134.00:02:24
The Storage Event
Урок 135.00:03:19
Web Storage Limitations
Урок 136.00:11:07
Review the Settings localStorage Abstraction Library
Урок 137.00:10:04
Persisting User Settings in localStorage
Урок 138.00:06:27
Debugging the Settings localStorage Module
Урок 139.00:14:12
Refactoring and Utility functions
Урок 140.00:07:23
Fetch Event Should Cache Function
Урок 141.00:04:34
Fetch Event Fetch Function
Урок 142.00:07:23
Caching Demo
Урок 143.00:04:05
Caching Demo trimCache
Урок 144.00:06:43
Caching Demo offline fallback
Урок 145.00:08:13
Introduction to Workbox
Урок 146.00:03:39
Install WorkBox CLI Globally and Library Locally
Урок 147.00:13:13
Configuring Workbox to Precache Assets
Урок 148.00:18:29
Managing Routes in WorkBox
Урок 149.00:18:30
Dynamic Caching with Workbox
Урок 150.00:10:34
Intro to Push Notifications
Урок 151.00:06:04
Push Notification API Concepts
Урок 152.00:06:03
Push Code Concepts
Урок 153.00:09:49
Subscribe the User Code Walk Through
Урок 154.00:07:01
Responding to a Push Event Code Walk Through
Урок 155.00:09:18
Microsoft's Progressive Web Application Strategy
Урок 156.00:04:07
Microsoft's Recommended Progressive Web App Features
Урок 157.00:05:36
Windows Platform Integration
Урок 158.00:02:27
What is a Microsoft Hosted Web App?
Урок 159.00:04:28
Hosted Web Application Examples
Урок 160.00:08:41
What is PWABuilder?
Урок 161.00:08:41
Using PWABuilder to Scaffold a Progressive Web Application
Урок 162.00:02:07
PWABuilder GitHub Page
Урок 163.00:02:50
PWABuilder Image Generation
Урок 164.00:03:57
Microsoft Progressive Web Application Release Date
Урок 165.00:06:40
Internet Explorer Pinned Sites
Урок 166.00:07:44
FireFox on Android Add to Homescreen Experience
Урок 167.00:06:05
Debugging a Service Worker Using Chrome Developer Tools
Урок 168.00:10:36
Chrome Service Worker Developer Tools
Урок 169.00:09:55
Debugging a Service Worker in FireFox
Урок 170.00:05:15
Inspecting Your Cache Using the FireFox Developer Tools
Урок 171.00:04:45
What is Project Lighthouse?
Урок 172.00:09:31
Using Project Lighthouse in the Chrome Developer Tools
Урок 173.00:07:28
Using Sonar To Audit A Web Page
Урок 174.00:07:53
Introduction to iOS Safari PWA Polyfils
Урок 175.00:11:15
A Review of How appCache Works
Урок 176.00:08:11
How Polyfil Caching Works
Урок 177.00:05:04
Caching Options and How to Control Cache Size
Урок 178.00:00:36
Course Summary
Урок 179.00:01:27
Bonus Material

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+195