Übungsblatt 2

Im diesem Übungsblatt geht es darum, die ersten kleinen Apps als PWA zu entwerfen und mit einfacher Funktionalität zu versehen. Das Verhalten der PWA in den verschiedenen Umgebungen (Mobile, Desktop) soll dabei mit ausprobiert werden.

Übung 1 - Erstellen einer installierbaren PWA-App

Ziel ist die Umsetzung einer einfachen PWA, die eine Installierbarkeit ("Add to Homescreen") ermöglicht. Setzt eine einfache PWA-Anwendung um, die alle Kriterien von A2H erfüllt. Welche Funktion ihr umsetzt könnt ihr euch kreativ etwas überlegen; das könnte z.B. ein kleiner Taschenrechner für die Grundrechenarten sein.

Übung 2 - Implementieren einer echten Offline-Fähigkeit

Überlegt euch eine einfache Anwendung bei der Inhalte lokal zwischengespeichert werden, so dass sie auch im Offline-Modus noch erreichbar sind und funktionieren. Probiert das an einem statischen Inhalt aus, der einfach angezeigt wird (z.B. einer Grafik) und dann auch an einem dynamischen Codeteil der ein Verhalten implementiert (z.B. einer JS-Datei).
Um Vergleich sollte die App auch Komponenten enthalten, die nicht zwischengespeichert werden und im Offline-Fall dann nicht verfügbar sind.

Beschreibung:

Bild der Innsbrucker Innenstadt

Nächstes Bild

Übung 3 - mit einer WebAPI oder einem WebWorker experimentieren

Abschließend sollte ihr mit den Möglichkeiten für PWA experimentieren. Probiert hier entweder eine WebAPI eurer Wahl aus und baut sie in eine eigene App sinnvoll ein.