9–10 November 2016: Training
Progressive web apps for a faster experience
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.
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.
Akamai- Ansible
- ChinaCache
- Datadog
- Dyn Inc.
- Fastly
- Imperva Incapsula
- JetBrains
- Leaseweb
- Limelight Networks, Inc.
- Pivotal
Sponsorship Opportunities
For exhibition and sponsorship opportunities, email velocity@oreilly.com
Partner Opportunities
For information on trade opportunities with O'Reilly conferences, email partners@oreilly.com
Contact Us
View a complete list of Velocity contacts
©2016, O’Reilly UK Ltd • (800) 889-8969 or (707) 827-7019 • Monday-Friday 7:30am-5pm PT • All trademarks and registered trademarks appearing on oreilly.com are the property of their respective owners. • confreg@oreilly.com
Comments
The slides are now live on the website above.
Thanks – somehow I did not recognize this..
Thanks for your fast reply and the great tutorial!
Thanks for the feedback; the slides were always online with the tutorial’s material at https://github.com/firtman/velocity16
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