Progressive Web Apps: Sensor Integrations

PWAs promise all the user experience of a native application but delivered with standard web technologies. This course will show you how to leverage Handset Sensors such as Camera, Geo, and Network to deliver a great mobile experience over the web.
Course info
Rating
(10)
Level
Intermediate
Updated
Aug 1, 2018
Duration
1h 56m
Table of contents
Description
Course info
Rating
(10)
Level
Intermediate
Updated
Aug 1, 2018
Duration
1h 56m
Description

At the core of delivering truly native-feeling PWA user experiences is a thorough knowledge of integrating local handset sensors. In Progressive Web Apps: Sensor Integrations, you’ll learn how to leverage over a dozen local handset sensors to deliver truly native-feeling applications. First, you’ll explore Geo sensors to identify user location, identify local landmarks and even offer navigation through Google Maps. Next, you’ll learn how to capture photos, audio, and video and play them on your handset to create a video diary. Finally, you’ll discover how to sense network availability and speed to architect and deliver compelling offline experiences, syncing back online when the network returns. When you’re finished with this course, you’ll have a foundational knowledge of all common PWA Sensor Integration Points that will help you deliver native-feeling cross-platform applications using modern web technologies.

About the author
About the author

Glen is an enterprise software developer, trainer, author, and speaker based in Canberra, Australia.

More from the author
Building Beautiful Angular Apps with PrimeNG
Intermediate
3h 8m
Aug 23, 2017
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone, my name is Glen Smith, and welcome to my course, Progressive Web Apps: Sensor Integrations from Pluralsight. Progressive app technologies have become the next big thing in delivering lightweight, native-feeling applications without all the hassle and overhead of the app stores and learning tons of new languages and tooling. Imagine using your current web development toolset to deliver compelling mobile apps that take advantage of all those local handset sensors that used to be reserved for native Android or iOS apps. Well, advances in standard browser APIs have made all of that possible today. In this short course I'm going to take you through building a cool progressive web app for sight seeing called Sights and Sounds. This make sure we're grounding out teaching in reality and sticking with the kinds of tools and techniques you're likely to use in real day-to-day PWA development. The course is part inspiration and part technique, so whether it's whipping up a video diary to experiment with local video and audio capture, coding up some navigation features to find great local coffee, checking in on your battery life, or working with Firebase to make sure we can sync our photo library when the network becomes back in range, we'll be pulling together all those building blocks of accessing local sensors in your own PWAs. So if you don't have time to become an expert in Android and iOS technologies, but you still want to produce beautiful and native mobile apps that your users will love, this is the course for you. It's going to be a blast, so let's get started on Progressive Web Apps: Sensor Integrations, now on Pluralsight.

Course Introduction and Sample App Tour
Wouldn't it be great if you could develop compelling mobile web applications using all those cool native mobile handset sensor features, you know like geo, or gyro, or even video and audio recording? Well it turns out you can, all the while sticking to the native web APIs and frameworks that you already know and love. Since that vision is already here I'm hoping this course will get you excited about using those sensors in your Progressive Web Apps today. I'm Glen Smith and welcome to my Pluralsight course on Progressive Web App Sensor Integrations.

GEO, Mapping, and Device Movement
There's nothing more comforting in a remote city than knowing that your navigation app has your back. But the same tech that powers that nav app can just as easily power your PWA. In this module we'll be diving into all thing geo and navigation, looking into all the geolocation features that are built into our handset browsers and how we can use them in our PWAs to create great user experiences. I'm Glen Smith and welcome to our Geo Sensor Module.

Integrating Audio and Video
Nothing is more memorable than snapping a selfie or recording some video from an exotic destination, and PWA Media Sensors let you tap into all those emotions right from your web browser. In this module we'll be drinking deep from that Media Sensor API Fountain exploring some very cool tricks and tips for awesome user media experiences. I'm Glen Smith, and welcome to our Media Module.

Adapting to the Network: Online, Offline, Sync
It's a wonderful feeling to have a full battery, blue skies, and perfect signal, but life in the land of PWAs is seldom that simple. In this module we'll give you survival strategies for making lemonade out of non-ideal connectivity situations. We'll learn the tools and strategies to check for connectivity, and have some great fallback plans for awesome off-line user experiences. I'm Glen Smith, and welcome to our Offline Module.

Integrating with the Handset
We've covered a lot of sensors in our course so far, but there's still a few more fun handset integration points to play with, including cool vibrations, funky notifications, and a world of battery magic. I'm Glen Smith, and welcome to our Handset Integration module.