Videos

Payment Integration

4 weeks ago
Payments on mobile web are notorious for their poor user experience. This video describes the current state of mobile payments and explains how the new PaymentRequest API works to provide a standardized alternative to checkout forms.

Intro to Web Push & Notifications

4 weeks ago
With service workers, push notifications are now available on the web. This video explains the Notifications API and the Push API, and how they are used to implement push notifications in Progressive Web Apps. Codelabs, slides and more information are available from the Progressive Web Apps Training home page: developers.google.com/web/ilt/pwa

Gulp Setup

4 weeks ago
Modern web development often involves repetitive tasks, such as running developer servers, minifying code, and optimizing images. This video explains how to automate these kinds of tasks with Gulp. Codelabs, slides and more information are available from the Progressive Web Apps Training home page: developers.google.com/web/ilt/pwa

Offline Quickstart

4 weeks ago
One of the best features of Progressive Web Apps is their ability to function even when offline. This video explains how to use the service worker and Cache API to make a simple app work offline. Codelabs, slides and more information are available from the Progressive Web Apps Training home page: developers.google.com/web/ilt/pwa

Intro to PWA Architectures

4 weeks ago
What makes a Progressive Web App? This video explains the architecture of a PWAs, and many of the major features and best practices. Topics covered include caching for performance and offline functionality, app shell architecture, add to homescreen, push notifications, tools for building service workers, mobile web payments, and credentials management. Codelabs, slides and more […]

Working with Responsive Images

4 weeks ago
There are two major issues to consider when working with images on the web: performance and responsiveness. This video describes a set of techniques to make your images load as quickly as possible and work well in any form factor. Codelabs, slides and more information are available from the Progressive Web Apps Training home page: […]

New Techniques for Responsive Design

4 weeks ago
Users interact with the web using an increasingly diverse range of devices. These devices all have different viewport sizes, pixel widths and densities, scroll and zoom capabilities, etc. This video describes responsive-design techniques that help you create web apps that work well on any device.

SW Precache and SW Toolbox

4 weeks ago
Service worker code can be quite complex. This video describes two open-source tools from Google that generate production-ready service worker files for you. Codelabs, slides and more information are available from the Progressive Web Apps Training home page: developers.google.com/web/ilt/pwa

Working with Live Data in the Service Worker

4 weeks ago
Most modern web apps rely on a combination of static and dynamic resources. This video describes how to use the Cache API and IndexedDB together in your app to store multiple types of data. Codelabs, slides and more information are available from the Progressive Web Apps Training home page: developers.google.com/web/ilt/pwa

Working with Indexed DB

4 weeks ago
If we’re going to make an app truly offline-first, we need a way to store data. IndexedDB is the solution. This video describes the various components of IndexedDB and demonstrates how to use it to store data in the browser. Codelabs, slides and more information are available from the Progressive Web Apps Training home page: […]

Why Build Progressive Web Apps?

4 weeks ago
The hardest problem with software is distribution. App developers often spend more on distribution than they earn back. This problem is solved by the web platform, however web apps have historically been less capable than native apps. With the advent of PWA’s, web apps have become just as capable as native, supporting features such as […]

Are Designers Born or Made? — Designer Vs. Developer #4

4 weeks ago
Welcome to Designer Vs. Developer, a show that tries to solve the challenges faced in the industry by opening a conversation between the two, providing take aways, solutions to workflows, tools & discussions on everyday struggles. This week Mustafa speaks to Paul Lewis, a Developer Advocate on the Google Developer Relations Team, about if we […]