Masterclass: Progressive Web Apps #3

We are a group of front-end fanatics.Together we build the best digital user experience.

De Voorhoede

<DIV><SPAN CLASS="thread-174503794881396845111731 author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">A Progressive Web App</SPAN><SPAN CLASS="thread-174503794881396845111731 author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znuj6z89zdz88zz68zdtz84zz78zuz65z9ynz76zz67zz70z0z71z1z90zz70zdz76zeasz67zg s-lparen"> </SPAN><SPAN CLASS="thread-174503794881396845111731 author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat h-lparen">(</SPAN><SPAN CLASS="thread-174503794881396845111731 author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">PWA) promises a native-app-like experience in the browser leading to higher retention and conversion.</SPAN><SPAN CLASS="thread-174503794881396845111731 author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znuj6z89zdz88zz66z4z69zxa0z78zz76zz82zz65z1dndndz65zz86zz68z0daz66zjz122z"> </SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">You as a developer can enhance your website into a PWA!</SPAN></DIV>
<DIV><BR></DIV>
<DIV><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">There have been plenty of introductory talks about PWAs and their concepts, but now it's time to walk the walk!</SPAN></DIV>
<DIV><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">In this masterclass you will create a full fledged PWA from a real world example site. Step</SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znuj6z89zdz88zz68zaz83zz76zz73zgwz79zz76zz79zz122zyz65zz73zz74zz81zgmz71zp52ld9">-</SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">by</SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znuj6z89zdz88zz68zaz83zz76zz73zgwz79zz76zz79zz122zyz65zz73zz74zz81zgmz71zp52ld9">-</SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">step we will add features to our PWA using the latest </SPAN><SPAN CLASS="thread-677144586294429382648477 author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">browser technologies</SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">, without sacrificing compatibility for legacy browsers. Your app will be installable, run fullscreen, continue to work offline and support push notifications!</SPAN></DIV>
<DIV><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">At the end of the day you will leave with a lot of knowledge, slides and hands-on experience, which will empower you in your daily work.</SPAN></DIV>
<DIV><BR></DIV>
<DIV><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">We pushed hard on PWAs in the last year and implemented several </SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znuj6z89zdz88zz68zdtz84zz78zuz65z9ynz76zz67zz70z0z71z1z90zz70zdz76zeasz67zg">for</SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat"> our clients. While developing these PWAs we experienced what it </SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znuj6z89zdz88zz68zdtz84zz78zuz65z9ynz76zz67zz70z0z71z1z90zz70zdz76zeasz67zg">ta</SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">kes to put PWAs in production. We also </SPAN><SPAN CLASS="attrlink url author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat"><A CLASS="attrlink" HREF="https://calendar.perfplanet.com/2016/instant-static-web-pages-with-service-worker/" TARGET="_blank" DATA-MSYS-CLICKTRACK="0" REL="nofollow noopener noreferrer">wrote </A></SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">and </SPAN><SPAN CLASS="attrlink url author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat"><A CLASS="attrlink" HREF="https://www.voorhoede.nl/nl/events/" TARGET="_blank" DATA-MSYS-CLICKTRACK="0" REL="nofollow noopener noreferrer">spoke at some meetups</A></SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat"> about our PWA adventures.</SPAN></DIV>
<DIV><BR></DIV>
<DIV><STRONG><SPAN CLASS="ace-all-bold-hthree"><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">Audience </SPAN></SPAN></STRONG></DIV>
<DIV><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">(Front-end) web developers.</SPAN></DIV>
<DIV><BR></DIV>
<DIV><BR></DIV>
<DIV><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat"></SPAN><STRONG><SPAN CLASS="ace-all-bold-hthree"><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">Prerequisites</SPAN></SPAN></STRONG></DIV>
<DIV><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">An understanding of </SPAN><SPAN CLASS="thread-060338760598736160525167 author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">Javascript and promises. If you’ve never worked with promises, don’t worry, this </SPAN><SPAN CLASS="attrlink url thread-060338760598736160525167 author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat"><A CLASS="attrlink" HREF="https://bitsofco.de/javascript-promises-101/" TARGET="_blank" DATA-MSYS-CLICKTRACK="0" REL="nofollow noopener noreferrer">very short article</A></SPAN><SPAN CLASS="thread-060338760598736160525167 author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat"> explains all you need.</SPAN></DIV>
<DIV><BR></DIV>
<DIV><BR></DIV>
<DIV><SPAN CLASS="thread-060338760598736160525167 author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat"></SPAN><STRONG><SPAN CLASS="ace-all-bold-hthree"><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">Duration </SPAN></SPAN></STRONG></DIV>
<DIV><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">1 day course.</SPAN></DIV>
<DIV><BR></DIV>
<DIV><STRONG><SPAN CLASS="ace-all-bold-hthree"><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">What will you learn</SPAN></SPAN></STRONG></DIV>
<UL CLASS="listtype-bullet listindent1 list-bullet1">
<LI><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">Selling PWAs to stakeholders</SPAN></LI>
<LI><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">The basics of service workers</SPAN></LI>
<LI><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">What to do with iOS</SPAN></LI>
<LI><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">PWA tooling and testing</SPAN></LI>
<LI><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">Handling the offline experience</SPAN></LI>
<LI><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znuj6z89zdz88zz68zdtz84zz78zuz65z9ynz76zz67zz70z0z71z1z90zz70zdz76zeasz67zg">Better</SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat"> performance with caching strategies</SPAN></LI>
<LI><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">Engage users with push notifications</SPAN></LI>
<LI><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">Implement background sync to keep a uninterrupted user flow</SPAN></LI>
<LI><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">Creating an app experience with </SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znuj6z89zdz88zz68zdtz84zz78zuz65z9ynz76zz67zz70z0z71z1z90zz70zdz76zeasz67zg">A</SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">dd to </SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znuj6z89zdz88zz68zdtz84zz78zuz65z9ynz76zz67zz70z0z71z1z90zz70zdz76zeasz67zg">H</SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">ome </SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znuj6z89zdz88zz68zdtz84zz78zuz65z9ynz76zz67zz70z0z71z1z90zz70zdz76zeasz67zg">S</SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">creen</SPAN></LI>
<LI><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">PWA patterns and architectures</SPAN></LI>
<LI><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">Using libraries to your advantage</SPAN></LI>
<LI><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">Progressive web app pitfalls</SPAN></LI>
<LI><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">Deploying and maintaining</SPAN></LI>
</UL>
<DIV>Roughly 50% will be theory and 50% hands-on assignments.</DIV>
<DIV><BR></DIV>
<DIV><STRONG><SPAN CLASS="ace-all-bold-hthree"><SPAN CLASS="thread-680838631050060641766678 attrcomment attrcommentfirst thread-680838631050060641766678-first author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">Instructor</SPAN></SPAN></STRONG></DIV>
<DIV><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">Declan Rek</SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat s-hyphen"> </SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat h-hyphen">-</SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat"> </SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">Declan is De Voorhoede’s very own web performance specialist. Because of the caching possibilities of service workers he got into these workers quite early.  After implementing them at several clients Declan got more and more interested in PWA oatterns. Read about </SPAN><SPAN CLASS="attrlink url author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat"><A CLASS="attrlink" HREF="https://calendar.perfplanet.com/2016/instant-static-web-pages-with-service-worker/" TARGET="_blank" DATA-MSYS-CLICKTRACK="0" REL="nofollow noopener noreferrer">his pursuit for negating the network</A></SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat"> or find him on </SPAN><SPAN CLASS="attrlink url author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat"><A CLASS="attrlink" HREF="https://twitter.com/DeclanRek" TARGET="_blank" DATA-MSYS-CLICKTRACK="0" REL="nofollow noopener noreferrer">Twitter</A></SPAN><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">.</SPAN></DIV>
<DIV><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat"></SPAN></DIV>
<DIV><BR></DIV>
<DIV><STRONG><SPAN CLASS="ace-all-bold-hthree"><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">Questions</SPAN></SPAN></STRONG></DIV>
<DIV><SPAN CLASS="author-d-4z65zz66zl57z75zyiz66zfr2fz87zwz89znujekz89z6vjoz68zz85zz76zz74zz66zz82zrrz122zgz86zpwz68znz75zfyz122zyat">Do you still have questions about the workshop? Don't hesitate to ask!</SPAN></DIV>

De Voorhoede | Front-end Development

Our {communityGuidelinesLink} describe the sort of content we prohibit on Eventbrite. If you suspect an event may be in violation, you can report it to us so we can investigate.

To report other categories of prohibited or illegal content, submit {link}

Masterclass: Progressive Web Apps #3

Meer evenementen van De Voorhoede

Ontdek meer evenementen van De Voorhoede, van Wetenschap en tech tot andere ervaringen die je misschien leuk vindt.

Masterclass: Progressive Web Apps #3

Meer evenementen van De Voorhoede

Ontdek meer evenementen van De Voorhoede, van Wetenschap en tech tot andere ervaringen die je misschien leuk vindt.

Misschien vind je dit ook leuk...

Blader door meer evenementen met verschillende datums, prijzen en formats om je volgende geweldige ervaring te vinden.