Progressive Web Apps – Wenn Websites wie Apps funktionieren

1. Works Offline: Mit Service Workers läuft deine App auch ohne Internet 2. Installable: User können die App auf ihrem Home-Screen installieren 3. Fast: Service Workers cachen Inhalte für schnelles Laden 4. Responsive: Funktioniert auf allen Geräten 5. Push Notifications: Du kannst User-Benachrichtigungen schicken

Manifest.json: ```json { "name": "My Awesome App", "short_name": "MyApp", "description": "Eine progressive web app", "start_url": "/", "display": "standalone", "icons": [ { "src": "/icon-192x192.png", "sizes": "192x192", "type": "image/png" } ], "theme_color": "#3367D6", "background_color": "#fff" } ``` Service Worker: ```javascript self.addEventListener('install', event => { event.waitUntil( caches.open('v1').then(cache => { return cache.addAll([ '/', '/index.html', '/styles.css', '/app.js' ]); }) ); }); self.addEventListener('fetch', event => { event.respondWith( caches.match(event.request).then(response => { return response || fetch(event.request); }) ); }); ```

- Platform limitations: PWAs können nicht alles, was native Apps können - Browser support: Einige Browser/Geräte haben Limited Support - App Store: Auch wenn sie app-like sind, sind sie nicht im App Store