Tooling for Progressive Web Apps - PWA Roadshow

Channel:
Chrome for Developers
Subscribers:
792,000
Published on ● Video Link: https://www.youtube.com/watch?v=_CO3XZj00no


Category:
Show
Duration: 15:47
6,327 views
173

Building a Progressive Web App doesn’t necessarily mean starting from scratch. We need insight into areas for improvement and tactical fixes that could be applied to our existing codebases.

In this video, we’ll set sail on a journey together, and transform an existing single page app into a progressive web app. You’ll learn how you can use the Audit panel in Chrome DevTools to figure out the best places to focus your efforts and how you can radically improve your user experience.

Links from the video
Slides - https://goo.gl/ESUahe
iFixIt Client Sample Code - https://goo.gl/4EhFAC
Lighthouse Project Page on GitHub - https://goo.gl/A6pBhj
What changed - Added server side rendering - https://goo.gl/a6P8z3
What changed - Added a service worker - https://goo.gl/4CJLMj
What changed - Added manifest & meta tags - https://goo.gl/dpwRa6

Code Labs
Your First Progressive Web App - https://goo.gl/9DJRJq
Debugging Service Workers - https://goo.gl/suGNRb
Web Push Notifications - https://goo.gl/QRLk5i
PaymentRequest API - https://goo.gl/dxWGdP

Catch the rest of the PWA Roadshow here - https://goo.gl/HdiR8t

Subscribe to the Google Chrome Developers channel: http://goo.gl/LLLNvf



Other Videos By Chrome for Developers


2018-03-22One-off Event Listeners - Supercharged
2018-03-20JavaScript Symbols - HTTP203
2018-03-15Caching Headers for WordPress: Commit Log - Supercharged
2018-03-13Webpack and Workers - HTTP203
2018-03-08cURL - Supercharged
2018-03-06New in Chrome 65: CSS Paint API, Server Timing API, and CSS display: contents
2018-03-02Chrome 65 - What's New in DevTools
2018-03-01Wrap Up - PWA Roadshow
2018-03-01Critical CSS loading for WordPress: Commit Log - Supercharged
2018-02-28Starting Fast and Staying Fast with AMP and Progressive Web Apps - PWA Roadshow
2018-02-27Tooling for Progressive Web Apps - PWA Roadshow
2018-02-27120fps - HTTP203
2018-02-26Secure Experiences - PWA Roadshow
2018-02-23Engaging Experiences - PWA Roadshow
2018-02-22Reliable Experiences - PWA Roadshow
2018-02-22Server-Side rendering with Firebase: Live Code Session - Supercharged
2018-02-21Integrated Experiences - PWA Roadshow
2018-02-20Progressive Web Apps - PWA Roadshow
2018-02-16Building an Element in Polymer 2: Making it Work! (Part 5 of 5)
2018-02-16Building an Element in Polymer 2: Making it Look Good! (Part 4 of 5)
2018-02-16Building an Element in Polymer 2: Basic Polymer Conversion (Part 3 of 5)


Tags:
GDS: Yes
Tooling for Progressive Web Apps
Tooling for PWAs
Lighthouse
chrome devtools
chrome dev tools
audit panel
PWA
ProgressiveWebApp
Web
WebApp
GoogleDevelopers
PWARoadshow
WebPush
WebNotifications
PWA Roadshow
Progressive Web App Roadshow
web push protocol
PWAs
chrome developers
web developer
web developers
google