js13kGames PWA-Tutorial
In diesem Tutorial werden wir den Quellcode einer Website untersuchen, die Informationen über Spiele auflistet, die in der A-Frame-Kategorie des js13kGames 2017 Wettbewerbs eingereicht wurden. Sie müssen sich nicht um die tatsächlichen Inhalte der Website kümmern; der Hauptpunkt ist zu lernen, wie man PWA-Features in eigenen Projekten verwendet.
Wenn Sie direkt fortfahren möchten, sind die Kapitel des Tutorials wie folgt:
- Struktur der Progressive Web App
- Offline-Unterstützung mittels Service Workers
- Installierbarkeit von PWAs
- Verwendung von Notifications und Push-APIs
- Progressives Laden
Sie können sich diese App in Aktion ansehen online, und der Quellcode ist auf GitHub verfügbar. Wir werden diesen Code im Laufe dieses Tutorials sorgfältig untersuchen. Lassen Sie uns damit beginnen, die Struktur unserer Beispiel-App anzusehen.