~/talk

Transforming your Web Application into a PWA - Why and How?

Talkat Frontend Developer Love 2019 · on Thursday, 2019-02-14· [pwa, web-platform, web-performance]
slides:none on file

Shows the concrete checklist to turn a site into a PWA: HTTPS, a linked web app manifest and a registered service worker. Demonstrates code for install prompts and the beforeinstallprompt flow, cache strategies including stale-while-revalidate and cache-first with versioned cache names, cache cleanup, and fetch handlers. Implements push with VAPID public key, subscription saved to a server, showNotification and click handling. Explains tradeoffs, disk/disk-slow device concerns, and when each strategy actually improves offline behavior.

AI-written summary · about

  1. 0:00Start
  2. 1:37REQUIREMENTS FOR PWAS
  3. 2:58SERVICE WORKERS Ambassador for your webapp
  4. 4:22WHAT CAN A PWA DO?
  5. 8:42CACHING & OFFLINE - NETWORK ONLY
  6. 9:18CACHING & OFFLINE - CACHE WITH FALLBACK TO NETWORK
  7. 10:12CACHING & OFFLINE - STALE-WHILE- REVALIDATE
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.