Im März 2003 beeindruckten Nick Finck und Steve Champeon die Welt des Webdesigns mit dem Konzept der progressiven Verbesserung, einer Strategie für das Webdesign, bei der die wichtigsten Webseiteninhalte zuerst in den Mittelpunkt gerückt werden. Anschließend werden den Inhalten nach und nach differenzierte und technisch anspruchsvolle Ebenen von Präsentations- und Funktionen hinzugefügt. Im Jahr 2003 ging es bei Progressive Enhancement darum, zu dieser Zeit moderne CSS-Funktionen, unaufdringliches JavaScript und sogar skalierbare Vektorgrafiken zu verwenden. Im Jahr 2020 ging es beim Progressive Enhancement um die Nutzung moderner Browserfunktionen.
In diesem Vortrag zeigen wir ein Beispiel für eine Grußkarten-Webanwendung, wie neue und zukünftige Browserfunktionen diese Anwendung schrittweise verbessern können, sodass sie in allen modernen Browsern nützlich bleibt, aber eine erweiterte Erfahrung für Browser bietet, die Funktionen wie den Zugriff auf natives Dateisystem, den Zugriff auf die Systemzwischenablage, das Abrufen von Kontakten, regelmäßige Hintergrundsynchronisierung, Bildschirm-Wakelock, Freigabefunktionen und vieles mehr unterstützen.
Nach dem Ansehen dieser Sitzung werden die Entwickler ein solides Verständnis dafür haben, wie sie ihre Webanwendungen nach und nach mit neuen Browserfunktionen verbessern können, ohne dass die Anzahl der Nutzer, die zufällig einen inkompatiblen Browser verwenden, heruntergeladen wird. Außerdem müssen sie diese nicht von der Nutzung der Webanwendung ausschließen.
Ressourcen:
- Fugu-Grüße auf GitHub → https://goo.gle/2VkuwYM
- Neuer Funktionsstatus → https://goo.gle/3dEcyH2
- Videomaterial → https://web.dev/progressively-enhance-your-pwa/
Web.dev-Live-Playlist für Tag 2 ansehen
Abonnieren Sie die Chrome-Entwickler.
Sprecher: Thomas Steiner