May 13 – 15, 2019 | London

PWA Workshop: Let’s make a Web App Progressive in a Workday [SOLD OUT]

Workshop
Till conference starts ✓ Group Discount ✓ Meet other devs from around the world Register now
Infos
Wednesday, May 15 2019
09:00 - 17:00
Booking note:
Web App Workshop

Web Platform is amazing. It is becoming more and more performant, feature-rich while keeping its universal nature. We call “progressive” the web apps we build using the latest browser APIs, 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. This is not about hitting the numbers though – this training is meant to provide extra value for our users, but 100% score in the Lighthouse is also guaranteed!

Last but not least, in order to help you get ready for the next steps, I will speak about what’s coming to PWA-related APIs and what’s on Workbox’s roadmap.

Course overview:

  • ​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

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). A week before the workshop you will receive a link with the initial repo to clone and detailed setup instructions.

STAY TUNED!

 

BEHIND THE TRACKS OF iJS

Angular

Best-Practises with Angular

JavaScript/ECMA Script

One of the most important languages of modern days

Web Development & Architecture

DevOps, Testing, Performance, Toolchain & SEO

Node.js

All about Node.js

React

From Basic concepts to unidirectional data flows