Tijdens de PWA-workshop heb ik een eenvoudige Progressive Web App (PWA) gemaakt die offline kan werken door middel van een service worker en een manifestbestand.
Het manifestbestand bevat informatie over de PWA, zoals de naam, iconen, start-URL, en het kleurenschema.
Dit zorgt ervoor dat de app als een standalone applicatie kan worden geïnstalleerd.
Service Worker:
De service worker zorgt voor caching van belangrijke bestanden tijdens de installatiefase.
Bij een fetch-gebeurtenis worden bestanden uit de cache geserveerd als deze beschikbaar zijn.
Als er geen netwerkverbinding is en een afbeelding niet kan worden geladen, wordt een fallback-afbeelding getoond.
Reflectie:
Tijdens de workshop heb ik geleerd hoe ik een Progressive Web App (PWA) kan maken.
Ik begrijp nu hoe ik een manifestbestand gebruik om app-instellingen te definiëren en een service worker implementeer voor offline functionaliteit door middel van caching.
Deze kennis helpt me om webapps te ontwikkelen die ook zonder internetverbinding werken.
