Speaker
✓ PlayStation Classic Mini or C64 Mini for free
✓ Save up to £455
✓ Group discount
Register now
✓ PlayStation Classic Mini or C64 Mini for free
✓ Save up to £455
✓ Group discount
Register now
✓ Workshop Day for free
✓ Raspberry Pi or C64 Mini for free
✓ Save over $840
Register now
✓ Workshop Day for free
✓ Raspberry Pi or C64 Mini for free
✓ Save over $840
Register now
Infos
09:00 - 17:00
Rubin 3 (Holiday Inn Westpark)
PWA Workshop
Description
The Web platform is amazing. It is becoming more and more performant and feature-rich while keeping its universal nature. We call the web apps we build using the latest browser APIs “progressive”, allowing us to achieve a totally new level of user experience. In this workshop, we’ll focus on what Angular, as a framework, contributes to the PWA concept. During the full day of training, you will learn about: PWA concept pillars, Service Worker API fundamentals, current platform’s PWA support (and workarounds when needed), and Workbox library – the industry standard in the automation of PWA tasks. I will share lots of practical tips & tricks, both technical and UX, review real-life PWA examples, explain how to avoid common pitfalls, and how to deal with edge cases. On the practical side, I will teach you how to build a Progressive Web Application. We start from the “regular” application, and in the form of discrete, documented steps, you will learn how to add PWA features one-by-one using Workbox. As a result, everyone will have a fully-featured, installable PWA ready to delight its users with its offline experience, optimized networking, and push notifications.
Content & Process
- Introduction to PWA and Workshop Setup
- Introduction to Workbox
- Creating MVP PWA
- External resources caching
- Setting up runtime caching
- Web App Manifest and Adding to Home Screen
- Implementing push notifications
- Replaying offline requests using Background sync
- Providing better UX for app update flow
- Future development of PWA and Workbox
- Questions and answers
Audience & Requirements
Expected level:
- Basic knowledge of JavaScript is required
- The knowledge of any framework(s) is not required
Pre-requisites:
You need a laptop with installed (latest stable versions) Git, Node, NPM, and browsers (latest stable versions) Chrome / Firefox / Edge (on Windows).
This Session originates from the archive of Diese Session stammt aus dem Archiv von LondonLondon and und MunichMünchen . Take me to the program of . Hier geht es zum aktuellen Programm von London London .
This Session originates from the archive of Diese Session stammt aus dem Archiv von LondonLondon and und MunichMünchen . Take me to the program of . Hier geht es zum aktuellen Programm von Munich München .