Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Progressive Web Apps (PWA) - The Complete Guide, а также все другие курсы, прямо сейчас!
Премиум
  1. Урок 1. 00:02:07
    About this Course
  2. Урок 2. 00:03:25
    What are Progressive Web Apps?
  3. Урок 3. 00:06:08
    PWAs vs Native Mobile Apps
  4. Урок 4. 00:06:25
    A Demo PWA & What We'll Build in this Course
  5. Урок 5. 00:06:28
    Our First Progressive Web App
  6. Урок 6. 00:03:20
    PWA Core Building Blocks
  7. Урок 7. 00:03:18
    Comparing PWAs and SPAs
  8. Урок 8. 00:03:24
    What is "Progressive Enhancement"?
  9. Урок 9. 00:04:25
    Course Outline
  10. Урок 10. 00:06:11
    Course Project Setup
  11. Урок 11. 00:02:12
    How to get the Most out of this Course
  12. Урок 12. 00:01:02
    Module Introduction
  13. Урок 13. 00:01:37
    Using an App Manifest to Make your App Installable
  14. Урок 14. 00:03:41
    Adding the Manifest
  15. Урок 15. 00:09:44
    Understanding App Manifest Properties
  16. Урок 16. 00:09:45
    Adding Properties to the App Manifest
  17. Урок 17. 00:02:17
    PWAs and Browser Support
  18. Урок 18. 00:01:36
    Using the Chrome Developer Tools
  19. Урок 19. 00:04:37
    Simulating the Web App on an Emulator
  20. Урок 20. 00:02:31
    Installing the Web App - Prerequisites
  21. Урок 21. 00:05:51
    Adding Properties for Safari
  22. Урок 22. 00:02:31
    Adding Properties for the Internet Explorer
  23. Урок 23. 00:00:29
    Wrap Up
  24. Урок 24. 00:00:41
    Module Introduction
  25. Урок 25. 00:04:41
    Why Service Workers Are Amazing!
  26. Урок 26. 00:06:19
    Understanding Service Worker Events
  27. Урок 27. 00:05:20
    The Service Worker Lifecycle
  28. Урок 28. 00:01:25
    Service Worker Browser Support
  29. Урок 29. 00:09:27
    Registering a Service Worker
  30. Урок 30. 00:05:40
    Reacting to Incoming Events (in SW)
  31. Урок 31. 00:03:01
    Updating & Activating Service Workers
  32. Урок 32. 00:04:50
    Non-Lifecycle Events
  33. Урок 33. 00:02:41
    Getting that "App Install Banner"
  34. Урок 34. 00:03:43
    Testing the App on Real Device (and Installing the App!)
  35. Урок 35. 00:06:44
    Deferring the App Install Banner
  36. Урок 36. 00:01:21
    Wrap Up
  37. Урок 37. 00:00:50
    Module Introduction
  38. Урок 38. 00:03:55
    Async Code in JavaScript
  39. Урок 39. 00:04:41
    Promises - Basics
  40. Урок 40. 00:04:06
    Rejecting Promises
  41. Урок 41. 00:02:26
    Where we Use Promises in our Project
  42. Урок 42. 00:06:12
    Fetch - Basics
  43. Урок 43. 00:04:23
    Sending Post Requests via Fetch
  44. Урок 44. 00:03:13
    Fetch and CORS
  45. Урок 45. 00:03:05
    Comparing Fetch and Ajax
  46. Урок 46. 00:03:30
    Adding Polyfills (for Legacy Browser Support)
  47. Урок 47. 00:02:06
    Fetch & Service Workers
  48. Урок 48. 00:08:04
    [OPTIONAL] Assignment Solution
  49. Урок 49. 00:00:57
    Wrap Up
  50. Урок 50. 00:00:44
    Module Introduction
  51. Урок 51. 00:03:07
    Why Caching?
  52. Урок 52. 00:04:01
    Understanding the Cache API
  53. Урок 53. 00:01:50
    Browser Support
  54. Урок 54. 00:02:54
    Adjusting the Course Project
  55. Урок 55. 00:03:08
    Identifying (Pre-)Cacheable Items
  56. Урок 56. 00:11:05
    Static Caching/ Precaching
  57. Урок 57. 00:04:56
    Retrieving Items from the Cache
  58. Урок 58. 00:03:06
    Adding & Retrieving Multiple Files (to/ from Cache)
  59. Урок 59. 00:09:11
    Cache Multiple Files with addAll
  60. Урок 60. 00:01:55
    Dynamic Caching - The Basics
  61. Урок 61. 00:07:20
    Implementing Dynamic Caching
  62. Урок 62. 00:02:14
    Handling Errors
  63. Урок 63. 00:06:57
    Adding Cache Versioning
  64. Урок 64. 00:06:38
    Different Cache Versions & Cleanup
  65. Урок 65. 00:02:43
    Optimizing Cache Management
  66. Урок 66. 00:21:52
    [OPTIONAL] Assignment Solution
  67. Урок 67. 00:00:36
    Wrap Up
  68. Урок 68. 00:01:13
    Module Introduction
  69. Урок 69. 00:04:05
    Module Preparation: Adding a Button
  70. Урок 70. 00:06:52
    Offering "Cache on Demand"
  71. Урок 71. 00:06:22
    Providing an Offline Fallback Page
  72. Урок 72. 00:01:44
    Strategy: Cache with Network Fallback
  73. Урок 73. 00:03:07
    Strategy: Cache Only
  74. Урок 74. 00:01:58
    Strategy: Network Only
  75. Урок 75. 00:06:22
    Strategy: Network with Cache Fallback
  76. Урок 76. 00:09:05
    Strategy: Cache then Network
  77. Урок 77. 00:05:12
    Cache then Network & Dynamic Caching
  78. Урок 78. 00:06:00
    Cache then Network with Offline Support
  79. Урок 79. 00:03:10
    Cache Strategies & "Routing"
  80. Урок 80. 00:05:46
    Applying Cache Only
  81. Урок 81. 00:25:53
    [OPTIONAL] Assignment Solution
  82. Урок 82. 00:02:41
    A Better Way Of Parsing Static Cache URLs
  83. Урок 83. 00:02:58
    A Better Way Of Serving Fallback Files
  84. Урок 84. 00:03:19
    Post Request and Cache API
  85. Урок 85. 00:06:07
    Cleaning/ Trimming the Cache
  86. Урок 86. 00:03:50
    Getting Rid of a Service Worker
  87. Урок 87. 00:00:29
    Preparing the Project for the Next Steps
  88. Урок 88. 00:00:58
    Wrap Up
  89. Урок 89. 00:01:02
    Module Introduction
  90. Урок 90. 00:01:13
    Understanding the Basics
  91. Урок 91. 00:07:20
    Setting Up Firebase
  92. Урок 92. 00:08:32
    Connecting Frontend to Backend
  93. Урок 93. 00:04:52
    Dynamic Caching vs. Caching Dynamic Content
  94. Урок 94. 00:03:35
    Introducing IndexedDB
  95. Урок 95. 00:00:39
    IndexedDB Browser Support
  96. Урок 96. 00:02:32
    Adding the IDB File
  97. Урок 97. 00:13:12
    Storing Fetched Posts in IndexedDB
  98. Урок 98. 00:03:57
    Using IndexedDB in the Service Worker
  99. Урок 99. 00:06:41
    Reading Data from IDB
  100. Урок 100. 00:03:41
    Clearing IDB & Handling Server-Client Mismatch
  101. Урок 101. 00:03:59
    Implementing the Clear Database Method
  102. Урок 102. 00:04:06
    Deleting Single Items from the Database
  103. Урок 103. 00:01:34
    IndexedDB and Caching Strategies
  104. Урок 104. 00:00:46
    Wrap Up
  105. Урок 105. 00:01:19
    Module Introduction
  106. Урок 106. 00:02:52
    Responsive Design in this Course
  107. Урок 107. 00:03:31
    Understanding Responsive Design in our Project
  108. Урок 108. 00:09:47
    CSS and Media Queries
  109. Урок 109. 00:08:53
    Using Images in a Responsive Way
  110. Урок 110. 00:08:30
    Adding Animations
  111. Урок 111. 00:01:47
    The Viewport & Scaling
  112. Урок 112. 00:00:47
    Wrap Up
  113. Урок 113. 00:01:05
    Module Introduction
  114. Урок 114. 00:03:34
    How does Background Sync Work?
  115. Урок 115. 00:04:05
    Adding the Basic Setup to our Project
  116. Урок 116. 00:04:38
    Registering a Synchronization Task
  117. Урок 117. 00:06:01
    Storing our Post in IndexedDB
  118. Урок 118. 00:04:13
    Adding a Fallback
  119. Урок 119. 00:15:53
    Syncing Data in the Service Worker
  120. Урок 120. 00:02:17
    Understanding Periodic Sync
  121. Урок 121. 00:15:12
    Adding Server Side Code
  122. Урок 122. 00:05:21
    Fixing Errors
  123. Урок 123. 00:00:50
    Wrap Up
  124. Урок 124. 00:01:05
    Module Introduction
  125. Урок 125. 00:01:57
    Why we need Web Push Notifications
  126. Урок 126. 00:09:05
    How Push & Notifications Work
  127. Урок 127. 00:01:53
    Displaying Notifications - Some Theory First
  128. Урок 128. 00:02:03
    Browser Support
  129. Урок 129. 00:08:08
    Requesting Permissions
  130. Урок 130. 00:03:39
    Displaying Notifications
  131. Урок 131. 00:03:34
    Notifications from Within the Service Worker
  132. Урок 132. 00:08:50
    Understanding Notifications' Options
  133. Урок 133. 00:02:59
    Advanced Options
  134. Урок 134. 00:02:24
    Adding Actions to Notifications
  135. Урок 135. 00:05:22
    Reacting to Notification Interaction - Clicks
  136. Урок 136. 00:02:37
    Reacting to Notification Interaction - Closing
  137. Урок 137. 00:06:37
    From Notifications to Push Messages
  138. Урок 138. 00:04:33
    Creating a Push Subscription
  139. Урок 139. 00:10:51
    Storing Subscriptions
  140. Урок 140. 00:01:46
    Connecting Server & Client (PWA)
  141. Урок 141. 00:09:56
    Sending Push Messages from the Server
  142. Урок 142. 00:07:40
    Listening to Push Messages
  143. Урок 143. 00:02:04
    Displaying Push Notifications on a Real Device
  144. Урок 144. 00:05:46
    Opening a Page upon User Interaction
  145. Урок 145. 00:04:29
    Improving our Code
  146. Урок 146. 00:01:17
    Wrap Up
  147. Урок 147. 00:00:56
    Module Introduction
  148. Урок 148. 00:07:29
    Preparing the Project
  149. Урок 149. 00:04:36
    Getting DOM Access
  150. Урок 150. 00:08:05
    Creating our own Polyfills
  151. Урок 151. 00:07:26
    Getting the Video Image
  152. Урок 152. 00:06:25
    Hooking Up the Capture Button
  153. Урок 153. 00:08:41
    Storing the Image on a Server
  154. Урок 154. 00:14:37
    Accepting File Upload Example with Firebase
  155. Урок 155. 00:04:52
    Testing the Camera & Upload
  156. Урок 156. 00:02:31
    Implementing a Fallback
  157. Урок 157. 00:16:39
    Getting the User Position
  158. Урок 158. 00:08:47
    Fixing Bugs
  159. Урок 159. 00:01:44
    Testing the App on a Real Device
  160. Урок 160. 00:00:48
    Wrap Up
  161. Урок 161. 00:01:02
    Module Introduction
  162. Урок 162. 00:00:56
    Understanding the Basics
  163. Урок 163. 00:06:57
    Installing Workbox & Using It
  164. Урок 164. 00:05:03
    Configuring Workbox Precaching
  165. Урок 165. 00:04:46
    Customizing the Service Worker
  166. Урок 166. 00:06:42
    Implementing Routing with the Workbox Router
  167. Урок 167. 00:03:32
    Expanding Dynamic Caching
  168. Урок 168. 00:06:10
    Options and Setting Up Strategies
  169. Урок 169. 00:03:46
    Custom Handlers (Example: For IndexedDB)
  170. Урок 170. 00:06:48
    Providing an Offline HTML Fallback
  171. Урок 171. 00:03:27
    Handling Background Synchronisation and Push Notifications
  172. Урок 172. 00:05:18
    Understanding the Workbox Documentation
  173. Урок 173. 00:06:31
    Enhancing the Build Workflow
  174. Урок 174. 00:03:57
    Running our App on a Real Server
  175. Урок 175. 00:04:25
    Auditing our Webpage with Lighthouse
  176. Урок 176. 00:01:12
    Wrap Up
  177. Урок 177. 00:01:19
    Module Introduction
  178. Урок 178. 00:09:30
    React with create-react-app
  179. Урок 179. 00:01:29
    A General Note about SPAs and PWAs
  180. Урок 180. 00:14:40
    Angular with the CLI
  181. Урок 181. 00:06:50
    Vue with Vue CLI
  182. Урок 182. 00:01:01
    Wrap Up
  183. Урок 183. 00:03:22
    Course Roundup