7–9 November 2016: Conference & Tutorials
9–10 November 2016: Training
Amsterdam, The Netherlands

Progressive web apps for a faster experience

Maximiliano Firtman (ITMaster Professional Training)
9:30–13:00 Wednesday, 9/11/2016
UX performance Mobile, UX optimization Emerald Room Audience level: Intermediate
Average rating: ****.
(4.90, 10 ratings)

Prerequisite knowledge

  • A working knowledge of HTML and JavaScript

Materials or downloads needed in advance

  • A laptop with the latest version of Google Chrome, a text editor (VS Code, Brackets, etc.), and a web server or Node.js and lite-server installed

What you'll learn

  • Understand latest progressive web app technologies
  • Learn how to create faster solutions for the Mobile Web today
  • Discover how to mix accelerated mobile pages with progressive web apps

Description

Several APIs are available on modern browsers to help performance, including Service Worker, Push Notifications, NetInfo API, the Cache Storage API, and the older Application Cache. Through hands-on labs, Maximiliano Firtman walks you through using these APIs to create a progressive web app (PWA) using the latest specs that will not only create a better experience for offline usage but also improve perception and performance while the user is online, mostly on mobile cellular networks.

Along the way, Max covers desktop and mobile web apps, using service workers and other specs, how to detect connection, and how to create a successful experience, including starting from an alternative accelerated mobile page (AMP) that will upgrade to a PWA after it has loaded.

Max then leads labs on using the Service Worker and Cache Storage APIs to store requests and responses locally and API events to catch requests and use cache-first or network-first approaches to improve performance and experience with ECMAScript 6 Promises—with a fallback to Application Cache for iOS and Windows. Max concludes by exploring the web app manifest for optional icon installation, the recent Background Sync API, and future abilities.

Photo of Maximiliano Firtman

Maximiliano Firtman

ITMaster Professional Training

Max Firtman is a mobile and web developer, trainer, speaker, and writer. Max teaches mobile HTML5 and performance trainings for top companies around the world. The founder of IT-training company ITMaster, Max is a well-known professional in the mobile web community. He blogs about mobile web platforms on Mobilexweb.com, keeps compatibility tables updated at Mobilehtml5.org, and has written many books, including Programming the Mobile Web (available in a second edition) and the recent High Performance Mobile Web, published by O’Reilly Media. He is a frequent speaker at conferences, including QCon, Mobilism, OSCON, Velocity, Fluent, Google Developer Day, JSConf, GOTO, AdobeCamp, and many other events around the world. Max has been widely recognized for his work in the mobile web community. He is an Adobe Community Professional, Microsoft IE User Agent, Nokia Developer Champion, and BlackBerry Elite, among other distinctions.

Comments on this page are now closed.

Comments

Picture of André Morrow
André Morrow
16/11/2016 18:18 CET

The slides are now live on the website above.

Picture of Erich Ackermann, Dr.
14/11/2016 15:00 CET

Thanks – somehow I did not recognize this..
Thanks for your fast reply and the great tutorial!

Picture of Maximiliano Firtman
Maximiliano Firtman
14/11/2016 13:43 CET

Thanks for the feedback; the slides were always online with the tutorial’s material at https://github.com/firtman/velocity16

Picture of Erich Ackermann, Dr.
14/11/2016 13:42 CET

Hi Maximiliano,
it was a really good and interesting presentation in Amsterdam. As I’m deeper interested(involved in this topic: are you going to publish your slides? I’d be very interested in getting access to them.
Best regards, Erich