how 2 pwa

Die erste Frage lautet wohl: was bedeutet pwa? und die folgende vermutlich: sind progressive web apps in Zeiten des allgegenwärtigen Internetzugangs noch aktuell? und die vielleicht abschliessende: wie? Man frage ein LLM:
ich will eine kleine webseite (onepager) als PWA (progressive web app) schreiben. welches sind die voraussetzungen? bitte ein wirklich kleines, einfaches beispiel als html datei.

und erhalte im absoluten Idealfall ▸eine index.html-Datei, die .jason-Datei manifest, die .js-Datei sw (service-worker) und die hochwohlnötigen Voraussetzungen für eine PWA:

- Zwingend https
- Die Web App Manifest (manifest.json) beschreibt Name, 
  Icons, Startseite, Farben
- Service Worker sw.js-Datei, die Requests abfängt 
  und Offline-Funktionalität/Caching ermöglicht
- 2 Icons, mind. 192x192 und 512x512 px (PNG)

Die html-Seite muss auf das Manifest verlinken 
und den Service Worker registrieren.

Installation:
Öffne ▸diese Webseite im Handy und füge sie dem Home-Bildschirm bei. Schliesse den Browser und öffne dieselbe Webseite mit dem eben installierten Icon. Schliesse die Seite, gehe offline (Flugmodus) und öffne sie wieder.

SchülerInnen schreiben ihre PWA mit grossem Vorteil als OnePager ohne rechenintensive Medien.

▸home | ▸MusterschülerIn