Video Description
A progressive web app (PWA) is a new way to deliver an app-like experience to a mobile device. Instead of downloading an app from a store, the mobile’s browser takes the user to the PWA’s URL. Visit the URL often enough and the browser asks, “Do you like this PWA?” If the user answers yes, the PWA will show up as an icon on the mobile’s home screen. It’s a paradigm shift for delivering Internet experiences that’s safe to access, SEO discoverable, works online or offline, and shows up on any device. Mobile guru Max Firtman gives you entre to the new world of PWAs in this overview of what they are, how to spot them, how to make them, and why you should make them.
- Discover what a progressive web app is and how to recognize one
- Review the current features, capabilities, and limitations of PWAs
- Understand PWA creation and the challenges you’ll face during development
- Learn the core technologies: Web app manifest, service workers, and web push notifications
- Review PWA starter kits, UI frameworks, PWA validation, and PWA debugging
- Understand the basics of PWA web performance optimization
- Learn how to move a PWA onto platforms that don’t support PWA technology
Maximilano Firtman knows mobile. His site - firt.mobi - tells his story well. 19 years in the field. 10 books (such as the O’Reilly titles Native Web Apps for Android, Web & Native Working Together, and Mobile HTML5) . 3,705 pages written. 198 talks. 388 trainings. 191 (and counting) posts and articles...and virtually all of it about mobile.
Table of Contents
-
Part 1: Introduction
- Welcome to the Course 00:03:48
-
Part 2: Progressive Web Apps
- Understanding a Progressive Web App 00:10:45
- Best of Both Worlds 00:09:41
- PWA in Action 00:12:07
- Abilities and Limitations 00:07:33
- Architecture 00:12:27
- How to discover PWA 00:12:38
-
Part 3: Web App Manifest
- Basics 00:19:00
- Advanced Settings and Tools 00:10:06
- Install Banners 00:06:36
-
Part 4: Service Workers
- Review 00:03:10
- Network Conditions 00:06:01
- How to use SW in PWAs 00:05:00
-
Part 5: Tools
- Starter Kits and UI frameworks 00:05:26
- PWA Validation 00:05:31
- Debugging 00:06:22
-
Part 6: Techniques
- Web Performance Basics 00:08:24
- Other Platforms 00:06:01
- Advanced Challenges 00:04:59
-
Conclusion
- Conclusion 00:03:27