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

Progressive Web Apps (PWA) - From Beginner to Expert
Duration 19:46:59
Открыть все курсы от udemy

Progressive Web Apps (PWA) - From Beginner to Expert - Полный список уроков

Развернуть / Свернуть
  • Урок 1. About the Course 00:01:42
  • Урок 2. Fast Furniture – The Reference PWA 00:05:51
  • Урок 3. Using Visual Studio Code 00:13:48
  • Урок 4. Installing Node 00:11:39
  • Урок 5. The Fast Furniture Source Code 00:17:46
  • Урок 6. A localhost Web Server Using Node http-server 00:09:12
  • Урок 7. A New Level of Quality 00:04:26
  • Урок 8. Fast Reliable Engaging 00:06:37
  • Урок 9. Web vs App Smack Down 00:20:39
  • Урок 10. PWA Expert Quotes 00:07:11
  • Урок 11. Progressive Web App Success Stories 00:10:44
  • Урок 12. Web Sites Must Work Offline 00:04:29
  • Урок 13. Technical Upgrades and Requirements 00:09:53
  • Урок 14. Who Supports Progressive Web Apps? 00:00:17
  • Урок 15. Browsers that Support Progressive Web Apps 00:03:24
  • Урок 16. Progressive Web Apps Support Statistics 00:02:23
  • Урок 17. Over 1 Billion Users Have Progressive Web Application Devices 00:02:13
  • Урок 18. iOS Safari Limitations 00:06:45
  • Урок 19. iOS Safari Fallbacks 00:03:04
  • Урок 20. Internet Exporer and Progressive Web Apps 00:06:30
  • Урок 21. How HTTPS Works 00:12:33
  • Урок 22. 5 Reasons Why You Should Use HTTPS 00:15:45
  • Урок 23. HTTPS Browser Warnings 00:07:56
  • Урок 24. 3 Types of HTTPS Certificates 00:07:55
  • Урок 25. Why HTTPS is Faster Than HTTP 00:09:04
  • Урок 26. How to Properly Implement HTTPS 00:18:38
  • Урок 27. HTTP/2 Basics 00:18:59
  • Урок 28. What is the Web Manifest 00:10:02
  • Урок 29. Web Manifest Identity Properties - Names 00:02:25
  • Урок 30. Web Manifest Identity Properties - Description 00:00:36
  • Урок 31. Web Manifest Properties - Icons 00:06:07
  • Урок 32. What Icon SIzes Should Your PWA Have? 00:10:38
  • Урок 33. How PWABuilder.com Can Automate PWA Icon Creation 00:02:14
  • Урок 34. Reviewing the Full PWA Iconset in the Developer Tools 00:03:32
  • Урок 35. Web Manifest Identity Properties - Theme Colors 00:02:06
  • Урок 36. Web Manifest Identity Properties - Display 00:03:20
  • Урок 37. Web Manifest Identity Properties - Orientation 00:01:13
  • Урок 38. Web Manifest Identity Properties - Start URL 00:03:30
  • Урок 39. Web Manifest Identity Properties - Scope 00:02:43
  • Урок 40. Web Manifest Identity Properties - Related Applications 00:02:44
  • Урок 41. Web Manifest Mime/Content-Type 00:01:30
  • Урок 42. Reviewing the Fast Furniture Web Manifest File 00:04:41
  • Урок 43. Testing the Add to Homescreen Prompt 00:02:17
  • Урок 44. Before Add to Homescreen Prompt Code 00:04:21
  • Урок 45. What is An App Shell 00:10:46
  • Урок 46. App Shell Architecture 00:10:57
  • Урок 47. Critical Path Assets 00:04:59
  • Урок 48. Performance Impact 00:08:43
  • Урок 49. When Should You Use An App Shell 00:05:31
  • Урок 50. Advanced App Shell Concepts 00:03:27
  • Урок 51. Explaining the Form Submission Library 00:18:58
  • Урок 52. What is Fetch 00:06:18
  • Урок 53. Compare XHR to Fetch Code 00:03:59
  • Урок 54. Basic Fetch Example 00:07:44
  • Урок 55. Response Object 00:02:07
  • Урок 56. Headers Object 00:02:59
  • Урок 57. Body Object 00:03:04
  • Урок 58. Request Object 00:06:34
  • Урок 59. Response Types 00:03:20
  • Урок 60. Request Modes & CORS 00:03:36
  • Урок 61. Creating Custom Request Objects 00:00:52
  • Урок 62. Using Fetch to Retrieve JSON 00:11:19
  • Урок 63. Verify A Successful Response 00:00:57
  • Урок 64. Fetch Review 00:01:51
  • Урок 65. Using Fetch to Retrieve an Image 00:14:44
  • Урок 66. Demonstrating Posting a Form Using Fetch 00:06:50
  • Урок 67. What is a Service Worker 00:12:11
  • Урок 68. How HTML5 Fell Short 00:15:07
  • Урок 69. Service Worker Capabilities 00:09:20
  • Урок 70. Service Workers Change the Game 00:03:58
  • Урок 71. Service Worker Browser Support 00:06:48
  • Урок 72. Introduction to Service Worker Life Cycle 00:01:46
  • Урок 73. Service Worker Life Cycle Concepts 00:09:38
  • Урок 74. Service Worker Life Cycle Walk Through Register, Install and Activate 00:13:36
  • Урок 75. Service Worker Life Cycle Update Walk Through 00:20:43
  • Урок 76. Service Worker Installation Event 00:07:32
  • Урок 77. Service Worker Life Cycle Activate 00:05:07
  • Урок 78. Update and skipWaiting 00:10:21
  • Урок 79. Service Worker Automatic Update Wlk Through 00:07:14
  • Урок 80. Service Worker Scope 00:05:30
  • Урок 81. Service Worker Clients 00:03:34
  • Урок 82. Unregister a Service Worker 00:01:15
  • Урок 83. Replace Buggy Service Worker 00:04:22
  • Урок 84. Service Worker Life Cycle Pro Tips 00:11:48
  • Урок 85. Network Connectivity Conditions 00:01:29
  • Урок 86. Cache API Concepts 00:17:27
  • Урок 87. Caches Object 00:13:47
  • Урок 88. Cache AddAll Method 00:07:11
  • Урок 89. Cache Keys and Update 00:19:06
  • Урок 90. Service Worker Fetch Event 00:16:02
  • Урок 91. Intro to Service Worker Caching 00:10:35
  • Урок 92. Intro to Service Worker Caching Code Walk Through 00:06:48
  • Урок 93. Creating a Custom Response in the Service Worker Fetch Event Handler 00:06:18
  • Урок 94. PreCache - On Install as a Dependency Concept 00:07:23
  • Урок 95. PreCache - On Install as a Dependency - Code Demonstration 00:10:16
  • Урок 96. On Install as Dependency - Concept 00:07:29
  • Урок 97. On Insntall Not As Dependency Concepts 00:02:58
  • Урок 98. On Install Not as Dependency - Code Demonstration 00:06:45
  • Урок 99. On Activate - Concept 00:03:12
  • Урок 100. On Activate - Code Demonstration 00:04:00
  • Урок 101. On User Interaction - Concept 00:02:18
  • Урок 102. On User Interaction - Code Demonstration 00:04:49
  • Урок 103. On Network Response Concept 00:04:03
  • Урок 104. On Network Response Code Demonstration 00:03:23
  • Урок 105. Stale-While-Revalidate Concept 00:02:56
  • Урок 106. Stale-While-Revalidate Code Demonstration 00:04:18
  • Урок 107. On Push Message Concept 00:04:05
  • Урок 108. On Push Message Code Demonstration 00:05:04
  • Урок 109. On Push Message Code Demonstration 00:05:04
  • Урок 110. On Background Sync Concept 00:02:07
  • Урок 111. Cache Only Concept 00:01:01
  • Урок 112. Cache Only Code Demonstration 00:05:16
  • Урок 113. Network Only Concept 00:02:19
  • Урок 114. Network Only Code Demonstration 00:07:58
  • Урок 115. Cache, Falling Back to Network Concept 00:01:46
  • Урок 116. Cache, Falling Back to Network Code Demonstration 00:03:38
  • Урок 117. Cache & Network Race Concept 00:03:53
  • Урок 118. Cache & Network Race Code Demonstration 00:03:34
  • Урок 119. Network Falling Back to Cache Concept 00:01:31
  • Урок 120. Network Falling Back to Cache Code Demonstration 00:02:37
  • Урок 121. Cache then Network Concept 00:03:44
  • Урок 122. Cache then Network Code Demonstration 00:03:18
  • Урок 123. Generic Fallback Concept 00:02:09
  • Урок 124. Generic Fallback Code Demonstration 00:03:31
  • Урок 125. Service Worker Templating Concept 00:08:03
  • Урок 126. Service Worker Templating Code Demonstration 00:07:01
  • Урок 127. What is Web Storage 00:07:18
  • Урок 128. Web Storage Types 00:02:09
  • Урок 129. Web Storage Feature Detection 00:01:20
  • Урок 130. Saving Values to Web Storage 00:04:16
  • Урок 131. Getting Values from Web Storage 00:01:12
  • Урок 132. Interating over Web Storage Values 00:01:45
  • Урок 133. Deleting Web Storage Values 00:02:07
  • Урок 134. The Storage Event 00:02:24
  • Урок 135. Web Storage Limitations 00:03:19
  • Урок 136. Review the Settings localStorage Abstraction Library 00:11:07
  • Урок 137. Persisting User Settings in localStorage 00:10:04
  • Урок 138. Debugging the Settings localStorage Module 00:06:27
  • Урок 139. Refactoring and Utility functions 00:14:12
  • Урок 140. Fetch Event Should Cache Function 00:07:23
  • Урок 141. Fetch Event Fetch Function 00:04:34
  • Урок 142. Caching Demo 00:07:23
  • Урок 143. Caching Demo trimCache 00:04:05
  • Урок 144. Caching Demo offline fallback 00:06:43
  • Урок 145. Introduction to Workbox 00:08:13
  • Урок 146. Install WorkBox CLI Globally and Library Locally 00:03:39
  • Урок 147. Configuring Workbox to Precache Assets 00:13:13
  • Урок 148. Managing Routes in WorkBox 00:18:29
  • Урок 149. Dynamic Caching with Workbox 00:18:30
  • Урок 150. Intro to Push Notifications 00:10:34
  • Урок 151. Push Notification API Concepts 00:06:04
  • Урок 152. Push Code Concepts 00:06:03
  • Урок 153. Subscribe the User Code Walk Through 00:09:49
  • Урок 154. Responding to a Push Event Code Walk Through 00:07:01
  • Урок 155. Microsoft's Progressive Web Application Strategy 00:09:18
  • Урок 156. Microsoft's Recommended Progressive Web App Features 00:04:07
  • Урок 157. Windows Platform Integration 00:05:36
  • Урок 158. What is a Microsoft Hosted Web App? 00:02:27
  • Урок 159. Hosted Web Application Examples 00:04:28
  • Урок 160. What is PWABuilder? 00:08:41
  • Урок 161. Using PWABuilder to Scaffold a Progressive Web Application 00:08:41
  • Урок 162. PWABuilder GitHub Page 00:02:07
  • Урок 163. PWABuilder Image Generation 00:02:50
  • Урок 164. Microsoft Progressive Web Application Release Date 00:03:57
  • Урок 165. Internet Explorer Pinned Sites 00:06:40
  • Урок 166. FireFox on Android Add to Homescreen Experience 00:07:44
  • Урок 167. Debugging a Service Worker Using Chrome Developer Tools 00:06:05
  • Урок 168. Chrome Service Worker Developer Tools 00:10:36
  • Урок 169. Debugging a Service Worker in FireFox 00:09:55
  • Урок 170. Inspecting Your Cache Using the FireFox Developer Tools 00:05:15
  • Урок 171. What is Project Lighthouse? 00:04:45
  • Урок 172. Using Project Lighthouse in the Chrome Developer Tools 00:09:31
  • Урок 173. Using Sonar To Audit A Web Page 00:07:28
  • Урок 174. Introduction to iOS Safari PWA Polyfils 00:07:53
  • Урок 175. A Review of How appCache Works 00:11:15
  • Урок 176. How Polyfil Caching Works 00:08:11
  • Урок 177. Caching Options and How to Control Cache Size 00:05:04
  • Урок 178. Course Summary 00:00:36
  • Урок 179. Bonus Material 00:01:27

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

Предприятия всех размеров открывают для себя мощные прогрессивные веб-приложения, которые помогают им охватить и привлечь аудиторию. Это означает, что они могут увеличить доходы при одновременном снижении затрат. Такие бренды, как 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.

Твоя оценка

3 0
Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Похожие курсы

30-11--0001 en 13 уроков
frontendmasters Progressive Web Applications and Offline
Прогрессивные веб-приложения (Progressive Web Applications) становятся супергероями, когда они могут, при этом обеспечивая отличный базовый опыт в менее современных браузерах. Они надежные, быстрые, привлекательные, и хотя они могут делать многие вещи, которые пользователи ожидают от родных приложений, они не занимают много места или требуют длительного процесса установки.


В этом семинаре мы начнем с «классического»...
Duration 13:03:51
13 0
21-11-2018 en 180 уроков
udemy Progressive Web Apps (PWA) - The Complete Guide
Создайте прогрессивное веб-приложение (PWA), которое будет выглядеть как приложение для iOS и Android, используя DeviceCamera, Push Notifications и многое другое. Прогрессивные веб-приложения (PWA) - еще одна важная вещь в веб-разработке, поскольку они позволяют мобильным пользователям не устанавливать приложение из магазина appstore или playmarket.
Duration 13:41:14
26 1
30-11--0001 en 16 уроков
egghead Offline-First Progressive Web Apps (PWA) in Vue.js
Прогрессивные веб-приложения - это просто веб-страницы, но с супервозможностями. Они загружаются в условиях неопределенной сети, даже в автономном режиме. Они быстрые и привлекательные, обеспечивая лучший пользовательский интерфейс. Они могут быть установлены на вашем смартфоне, если браузер поддерживает его, чувствуя себя родным приложением.В этом курсе я расскажу вам как взять существующее приложение SPA, сделанное в Vue.js, и прагматически...
Duration 01:02:51
7 1
14-05-2018 en 77 уроков
udemy Progressive Web App Development: A Complete Guide: 2-in-1
Упростите разработку и развертывание приложений, создав приложения с улучшенными возможностями.Технология веб-разработки продвигается очень быстрыми темпами с выпуском новых инструментов и технологий.Благодаря этому всестороннему учебному курсу «2 в 1» вы узнаете все, что вам нужно, о необходимых инструментах, необходимых для того, чтобы стать лучшим веб-разработчиком. Кроме того, вы можете создавать открытые и привлекательные...
Duration 09:29:35
2 2
30-11--0001 en 14 уроков
egghead SEO Friendly Progressive Web Applications with Angular Universal
В этом курсе мы создадим Angular приложение, которое будет публичным веб-сайтом. Обычно существует довольно много компромиссов, используя одностраничное приложение для общедоступного веб-сайта. Например, их сложно индексировать поисковыми системами, и если вы ссылаетесь на них в социальных сетях, вы получаете общий предварительный просмотр. Кроме того, первоначальный рендеринг может занять некоторое время (особенно на мобильных устройствах),...
Duration 00:28:24
5 1
19-06-2018 en 40 уроков
udemy Angular Progressive Web Apps (PWA) MasterClass & FREE E-Book
Практическое руководство по Angular 6 прогрессивным веб-приложениям (PWA). В первой части курса мы собираемся погрузиться прямо в Angular Service Worker и встроенную поддержку Angular CLI PWA. В качестве отправной точки мы собираемся использовать обычное Angular приложение, и мы собираемся начать добавлять функции PWA поверх него, чтобы превратить его в прогрессивное веб-приложение.Мы начнем с добавления оператора Angular Service Worker и...
Duration 03:39:22
4 1
en 20 уроков
egghead Progressive Web Apps in React with create-react-app
Прогрессивные веб-приложения (PWA) позволяют пользователю использовать ваше веб-приложение в Интернете или в автономном режиме и позволяют ему устанавливать приложение на свое устройство iOS или Android, как собственное приложение. Звучит отлично, правда? Но может быть сложно правильно настроить PWA, и не каждая функция работает на каждом браузере или устройстве.
Duration 00:46:03
3 0

Последнее добавленное

Введение в Python

Введение в Python

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

Тестирование Vue

en
Хотите начать с модульного тестирования в Vue? Вот почти все, что вам нужно. Мы рассмотрим настройку тестового окружения, использование Vue Test Utilities, мокинг и создание заглушек общих зависимостей, таких как Vue Router и Axios, тестирование Vuex как внутри компонентов, так и изолированно.
React JS и Redux Bootcamp - Освойте React Веб-разработку

React JS и Redux Bootcamp - Освойте React Веб-разработку

en
Изучите React.js и Redux правильно. Погрузитесь в движок React, создайте 5 приложений и станьте веб-разработчиком React. Дайте мне пять минут вашего времени, и я объясню, почему этот курс - лучшее время, которое вы можете потратить, чтобы научиться писать приложения React и Redux.
Автоматизированное тестирование с WebdriverIO

Автоматизированное тестирование с WebdriverIO

en
Мне потребовались годы, чтобы остановиться на концепции автоматизации тестирования. Все, что я пробовал, казалось впечатляющим, но никогда не соответствовало реальному использованию. Затем я наткнулся на WebdriverIO, и все это изменилось. Из-за его удивительных особенностей и простоты в дизайне...
React с Firebase

React с Firebase

en
Я преподаю React с 2015 года, а начал работать с ним еще раньше. Сегодня есть еще одна технология, о которой я хочу повогорить с вами - это Firebase. В этом курсе мы построим готовое приложение чата в реальном времени. Мы реализуем переписку в реальном времени между пользователями, авторизацию...
chat
logo