In unserer neuen sechsteiligen Schulung mit neuen Codelabs lernen Sie alles über progressive Web-Apps.
Seit wir vor über vier Jahren unsere letzten PWA-Schulungen veröffentlicht haben, hat sich in der Welt der progressiven Web-Apps viel verändert: CSS Grid wurde weithin implementiert, PWAs wurden auf Desktop-Computern eingeführt und im Rahmen des Capabilities Project wurden mehr als 25 neue APIs für die Geräteintegration eingeführt. Dadurch eröffnen sich ganz neue App-Segmente, die vollständig im Web erstellt werden können. Heute möchten wir euch die erste Iteration unseres aktualisierten PWA-Trainings vorstellen. Darin erfährst du, wie du zuverlässige, installierbare und funktionsfähige progressive Web-Apps für alle Geräte entwickeln kannst.
Die aktuelle Version der Schulung ist in sechs Foliensätze unterteilt, von denen Sie lernen können oder von denen Sie lernen und die Sie anderen vermitteln können. Diese sind:
- Einführung in progressive Web-Apps
- 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 verwenden
Ergänzend zu diesem neuen Material gibt es acht neue Codelabs, die Sie dabei unterstützen, eine Web-App in eine progressive Web-App mit umfassender Geräteintegration zu verwandeln. Dabei werden die in den Folien vorgestellten Konzepte verwendet. Sie können mit einem beliebigen Codelab beginnen und es einzeln bearbeiten oder sie nacheinander durchgehen. Diese sind:
- Offline gehen – Grundlagen zum Erstellen eines Service Workers zum Caching und Bereitstellen von Inhalten im Offlinemodus
- Working with Workbox – Verwenden Sie Workbox, um Ihren Service Worker zu schreiben.
- IndexedDB – Daten mit IndexedDB speichern und abrufen
- Tab zur Taskleiste – Web-App installierbar machen und App-Verknüpfungen bereitstellen
- Aufforderungen zur Installation und Messung von Installationen: In-App-Installationsaufforderungen hinzufügen und Erfolgsmessung einrichten
- PWA optimieren: Sie können erweiterte Funktionen hinzufügen, z. B. den Zugriff auf das lokale Dateisystem und die Registrierung als Datei-Handler.
- Service Worker umfasst – Dynamisches Generieren einer Streaming-Service Worker-Antwort
- Mit Workern arbeiten – Mit Webworkern Arbeit vom Haupt-Thread auslagern
In den nächsten Monaten werden wir den Inhalt der Folien in ein einfach zu verwendendes und zu aktualisierendes Format umwandeln. So können wir die Inhalte leichter auf dem neuesten Stand halten. Sie müssen also nicht mehr vier Jahre auf neue Inhalte warten. Behalte diesen Gruppenbereich im Blick. Die Zukunft von Web-Apps ist aufregend und wir freuen uns, Ihnen zeigen zu können, wie Sie sie entwickeln können.