Progressive Web Applications

Progressive Web Applications mit HTML5, Angular und React

Das heutige Internet ist mobil und Webseiten müssen schnell laden, besser noch, auf dem Homescreen als App verfügbar sein. Das bedeutet, dass die App auch dann funktioniert, wenn gerade keine Internetverbindung besteht. Dank modernen Entwicklungen im Browserumfeld ist es heute möglich, viele Anforderungen mit Webtechnologien abzubilden. Offlinefähigkeit und Installierbarkeit, sowie Pushnachrichten, wie bei nativen Anwendungen, sind einfach und plattformübergreifend schon heute möglich.

Lernziele:

mit welchen Werkzeugen Ihr effektiv Eure Progressive Web Applications entwickeln könnt,
wie Ihr eine offlinefähige Webanwendung entwickelt,
wie Ihr mit Service Worker Eure Webseiten blitzschnell geladen bekommt, den Einsatz von Web-Push, um Nachrichten an Eure Nutzer zu schicken,
und wie Ihr Webanwendungen als Desktopanwendungen bzw. Anwendungen auf Mobiltelefonen installierbar macht

Einführung
Gratis ansehen21 Minuten
- Begrüßung
  
  05:19
- Historie & Konzepte
  
  09:52
- Demo
  
  01:25
- Verwendete Software
  
  04:29
HTML5 – Auch für "normale" Homepages
- Einführung
  
  04:57
- Offline/Online-Events
  
  03:46
- Service Worker
  
  19:00
- Caching
  
  07:37
- Push Notifications
  
  42:15
- Background Sync
  
  08:12
- WebShare
  
  05:05
- Zusammenfassung
  
  01:31
Transition zu PWA: Mehr App-Charakter
- Einführung
  
  03:44
- Konzepte
  
  07:17
- Manifest
  
  11:13
- Zusammenfassung
  
  00:42
PWA mit React
- Überblick React
  
  02:33
- React Service Worker
  
  07:11
- Service Worker erweitern
  
  10:21
- Zusammenfassung und zusätzliche Tipps
  
  02:16
PWA mit Angular
- Überblick Angular
  
  10:15
- Angular App-Shell
  
  12:24
- Update-Service-Worker
  
  15:28
- Service-Worker Config
  
  06:46
- Service-Worker Push
  
  04:26
- Abschluss-Demo
  
  07:11
- Zusammenfassung
  
  00:33
Ausblick/Fazit
- Zusammenfassung, Ausblick und Verabschiedung
  
  03:36

PRÄSENTIERT VON

Karsten Sitterberg

– Grundkenntnisse in HTML und JavaScript
– HTTP-Grundlagen

mit HTML5, Angular und React