Progressive Web Fundamentals

Progressive Web App technologies let you delight your users with the best modern browsers have to offer, without sacrificing compatibility for legacy environments.

Progressive Web Fundamentals

Storage

When we think of web applications as just another "thin client", it's clear that we need more durable storage primitives than cookies and localstorage. We'll get some hands-on experience with IndexedDB, a NoSQL database that's bigger, faster, more flexible and efficient than any of the other "classic" options.

  • StorageService Worker Cache APIs

    We'll demonstrate some typical patterns to manage cached data in a service worker that you might be familiar with.

  • StorageEXERCISE: Crushing Caches

    We'll polish up the use of caches in our service worker, ensuring that we only discard old data when we're confident in the integrity of updated data, and that our cache logic is as simple and maintainable as possible.

  • StorageBasic IndexedDB

    IndexedDB is a transactional, versioned NoSQL database supported by all modern browsers, and it is vastly more capable compared to other alternatives for saving durable data. We'll look at the IndexedDB API, and then a small promise-based library that we can layer on top of it to make our lives easier.

  • StorageEXERCISE: IndedDB IDB

    We'll make use of IndexedDB (via idb) to pre-populate a collection of data in our service worker, so it is available almost instantly when our app boots on subsequent visits.

  • StorageAfternoon Break

    Short coffee break

  • StorageIndexes, Version Migration and IndexedDB 2.0

    We'll dive into more advanced IndexedDb concepts, illustrating the stark difference between the comparatively primitive localStorage and cookie options. Additionally, we'll cover new features that were added to the 2.0 draft of the IndexedDb web standard in 2016, and are now available in Chrome, Safari and Firefox.

  • StorageEXERCISE: IndedDB 2.0 and Migrations

    We'll put our newfound knowledge of IndexedDB version migrations into practice!

  • StorageRecap and Wrap Up

    We'll quickly recap what we've covered today, and set our sights on tomorrow's topics!


Profoundly Practical

We have an unapologetic bias for the pragmatic and will make sure you leave with skills you can actually use. We've carefully crafted examples that reflect real world problems developers encounter daily.

Challenging by Choice

Toy problems are fun, but we want to make sure you leave with skills and not just another pointless tutorial app. Prepare to tackle some serious snags, in a non-trivial context!

Approachable and Advanced

We pride ourselves in making web technology as approachable as possible. By the end of this training, you'll be the one explaining these topics to your peers!