Fronteers — vakvereniging voor front-end developers

Workshop: Service workers, de motor van de Progressive Web App door Anne Fortuin en Jurgen Belien

De motor van een Progressive Web App (PWA) is de service worker. Met een service worker — een script dat op de achtergrond in je browser draait, waarmee je dingen kan doen zonder gebruikersinteractie — kan je bijvoorbeeld push notifications gebruiken, data offline opslaan en synchroniseren als er een netwerkverbinding is. Daarnaast kan je je website er razendsnel mee maken: zo geef je je bezoeker een app-like experience.

Wat gaan we doen?

We gaan een service worker bouwen in een bestaande (eenvoudige) website. Eventueel kun je hem in een eigen, bestaand project inbouwen. Daarmee leg je de basis voor een volwaardige PWA.

Je leert...

  • Wat een service worker is, hoe je hem aan de praat krijgt en welke mogelijkheden het heeft
  • Wat een service worker doet binnen een Progressive Web App
  • Hoe je je website offline laat werken
  • Hoe je een push notification naar je bezoeker stuurt
  • Hoe je background sync gebruikt om een actie ‘later’ uit te laten voeren
  • Hoe je de performance van je website een enorme boost kan geven dankzij caching en offline storage

Hebben we tijd over?

Hoe je Google’s SW Toolbox gebruikt om het jezelf makkelijk te maken.

Praktische info

Degelijke kennis van JavaScript en ES6 is vereist. Omdat Promises een grote rol spelen in service workers, is het handig als je daarmee uit de voeten kan (tip: volg de korte Udacity course op YT).
Neem je laptop mee, want je gaat natuurlijk zelf aan de slag!

Let op: hoewel service workers ook werken in Firefox en Opera, zijn de DevTools van Chrome het meest ontwikkeld en gaan we er vanuit dat je daarmee developt en debugt.

Leden van Fronteers betalen 150 euro. Niet-leden betalen 250 euro. Beide bedragen zijn exclusief btw.

De workshop duurt de hele dag en is inclusief lunch.

Opgave

Voor deze workshop is nog geen (nieuwe) datum gepland. Mocht je geïnteresseerd zijn in de workshop, hou dan het overzicht in de gaten of blijf op de hoogte via RSS en Twitter.

Archief