Progressive web apps + Device and capability APIs
Comes up in: Web fundamentals, Frontend system design
This concept is being written. It gets the full five steps — explanation, predict, interview angle, practice with tests, and review cards. Here is exactly what it will cover, so you can study it elsewhere in the meantime.
What it covers
- web app manifest
- installability criteria
- offline-first design
- push notifications (Push API + Notifications, iOS support facts)
- app badging
- PWA vs native trade-offs
- Permissions API and good permission UX
- geolocation
- clipboard (async)
- Web Share
- File System Access / file pickers
- camera/mic (
getUserMedia) - Web Bluetooth/USB/Serial (Chromium-only, awareness)
- Payment Request
- Screen Wake Lock
Words you will know
What you will practise
- make the notes app installable
- share and copy buttons with fallbacks
Interview questions this answers
- What makes a web app a PWA?
- How do push notifications work on the web?
- What is a secure context and which APIs require it?
- How do you design good permission prompts?