Tag: google developers

Gulp Setup – Progressive Web App Training

Gulp Setup – Progressive Web App Training

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. Full playlist: https://www.youtube.com/playlist?list=PLNYkxOF6rcIB2xHBZ7opgc2Mv009X87Hh

Data-Driven Progressive Web Apps (GDD India ’17)

Data-Driven Progressive Web Apps (GDD India ’17)

In this ILT session Sarah Clark will teach you how to use Workbox and IndexedDB together to make an offline-first, data-driven Progressive Web App (PWA). You’ll also use Background Sync to sync your app with the server even when your web app is closed. Workbox: https://goo.gl/sarNwq IndexedDB: https://goo.gl/vY2HrE Background Sync: https://goo.gl/1YTuHv Codelabs: https://goo.gl/p2MkTh Feedback: https://goo.gl/rhNszx…

Caching user content (social sites) – Progressive Web App Training

Caching user content (social sites) – Progressive Web App Training

How do you pick a caching strategy — and how does that work for a real-world site? This video shows you how to implement successful strategies for a site that relies on user generated content — such as a blog or social site. Full playlist: https://www.youtube.com/playlist?list=PLNYkxOF6rcIB2xHBZ7opgc2Mv009X87Hh

Using Workbox with build systems – Progressive Web App Training

Using Workbox with build systems – Progressive Web App Training

This video shows you how to integrate Workbox with a build system. This ensures that any changes in your app are picked up by Workbox. You can also enable Workbox to work with newer versions of JavaScript, compress your site, and more. Full playlist: https://www.youtube.com/playlist?list=PLNYkxOF6rcIB2xHBZ7opgc2Mv009X87Hh

When and how to update the cache – Progressive Web App Training

When and how to update the cache – Progressive Web App Training

Resource caching can improve performance, increase network resilience and enable offline experiences. That all sounds great — but when should you store resources and how should you update the cache? This video shows you how. Full playlist: https://www.youtube.com/playlist?list=PLNYkxOF6rcIB2xHBZ7opgc2Mv009X87Hh

Implementing OAuth 2 in PWAs – Progressive Web App Training

Implementing OAuth 2 in PWAs – Progressive Web App Training

What would it be like if you never needed to maintain user names or passwords on your own site? This video give you a simple introduction to Identity Federation using Oauth2. Full playlist: https://www.youtube.com/playlist?list=PLNYkxOF6rcIB2xHBZ7opgc2Mv009X87Hh

Using the Fetch API – Progressive Web App Training

Using the Fetch API – Progressive Web App Training

The Fetch API is a modern replacement for XMLHttpRequest. It includes much of the code you used to write for yourself: handling redirection and error codes, and decoding the result. This video gives you an easy introduction. Full playlist: https://www.youtube.com/playlist?list=PLNYkxOF6rcIB2xHBZ7opgc2Mv009X87Hh

Make a static site work offline (by hand) – Progressive Web App Training

Make a static site work offline (by hand) – Progressive Web App Training

One of the best features of Progressive Web Apps is their ability to function even when offline. No more Downasaur! This video explains how to use the service worker and Cache API to make a simple app work offline. Full playlist: https://www.youtube.com/playlist?list=PLNYkxOF6rcIB2xHBZ7opgc2Mv009X87Hh