In unserem neuen sechsteiligen Training mit neuen Codelabs erfahren Sie, wie Sie mit progressiven Web-Apps loslegen.
In der Welt der Progressive Web-Apps hat sich viel verändert, seit wir vor mehr als vier Jahren unsere letzten PWA-Schulungen veröffentlicht haben: CSS Grid erreichte eine weitreichende Implementierung, PWAs wurden auf Computern eingeführt und im Projekt für Funktionen wurden mehr als 25 neue APIs für die Geräteintegration eingeführt, mit denen sich brandneue App-Segmente erschließen lassen, die vollständig im Web erstellt werden können. Heute möchten wir euch die erste Version unserer kürzlich aktualisierten PWA-Schulung vorstellen. Darin zeigen wir euch, wie ihr zuverlässige, installierbare und leistungsfähige progressive Web-Apps für alle Geräte erstellen könnt.
Die aktuelle Version der Schulung ist in sechs Foliensätze unterteilt, die entweder von Ihnen lernen oder von Ihnen selbst weitergeleitet werden können. Sie sind:
- Einführung in progressive Web-Apps
- Eine solide Grundlage für Ihre PWA schaffen
- Zuverlässigkeit Ihrer Web-App verbessern
- Web-App installierbar machen
- Erweiterte Funktionen zu Ihrer Webanwendung hinzufügen
- Erweiterte Web-App-Architekturen einführen
Außerdem gibt es acht neue Codelabs, die dir dabei helfen, eine Web-App in eine progressive Web-App mit umfassender Geräteintegration zu verwandeln. Dabei werden die in den Foliensammlungen behandelten Konzepte berücksichtigt. Sie können zu jedem Codelab wechseln und es einzeln bearbeiten oder eines nach dem anderen durchgehen – Sie haben die Wahl. Sie sind:
- Offline gehen – Grundlagen zum Schreiben eines Service Workers, um Inhalte im Cache zu speichern und offline bereitzustellen
- Mit Workbox arbeiten – Workbox zum Schreiben Ihres Service Workers verwenden
- IndexedDB – IndexedDB zum Speichern und Abrufen von Daten verwenden
- Von der Tabulatortaste zur Taskleiste – Ihre Webanwendung installierbar machen und App-Verknüpfungen bereitstellen
- Aufforderung zur Installation von Apps und Messung der Installation: Aufforderungen zur Installation von Apps hinzufügen und die Erfolgsmessung festlegen
- PWAs optimieren: Erweiterte Funktionen hinzufügen, z. B. Zugriff auf das lokale Dateisystem und Registrierung als Datei-Handler
- Service Worker beinhaltet: Dynamisches Generieren einer Streaming-Service Worker-Antwort
- Mit Workern arbeiten – Mit Web Workern Arbeit aus dem Hauptthread entlasten
In den nächsten Monaten werden wir die Inhalte der Folien in leichter verständliche Formate umwandeln und aktualisieren. So können wir die Inhalte leichter auf dem neuesten Stand halten und müssen nicht mehr vier Jahre lang auf weitere Inhalte warten. Behalten Sie diesen Gruppenbereich im Auge. Die Zukunft von Webanwendungen ist spannend und wir freuen uns, Ihnen zeigen zu können, wie sie entwickelt wird.