by Richard Feldman | Publisher: O'Reilly Media, Inc. | Release Date: March 2015 | ISBN: 9781491924853

Learn how to build web apps that not only function without a web server, but also work offline like native apps—providing the best of both worlds. This video workshop demonstrates how server-free web apps eliminate massive categories of scaling problems, decrease infrastructure usage while improving page load time, and continue to work without an internet connection.Through a live demo, host Richard Feldman shows you how existing web technologies work together to create a seamless offline experience for a rich web app. You'll also learn how to provide server-free hosting, use offline persistence in the browser, and build an offline-first web app from scratch with Grunt and S3.This workshop covers:Web apps vs. native appsBuilding an offline-first web appServer-free hostingThe HTML5 application cacheFile I/O in the browserOffline persistence in the browserWorking with IndexedDBSyncing with third-party servicesMaking an offline-first web app via Grunt and S3Richard Feldman is a functional programmer who specializes in pushing the limits of browser-based UIs. He has built a framework that performantly renders hundreds of thousands of shapes in HTML5 canvas, a web app that functions like a desktop app in the absence of an internet connection, and much more in between.

1. Introduction to Web Apps without Web Services
   • Overview of Video 00:01:25
2. Web Apps vs. Native Apps
   • Web Apps vs. Native Apps 00:02:20
   • Installations, Updates and Permissions 00:08:45
   • User Experience 00:15:45
3. Offline-First Web Apps
   • Offline-First Web Apps 00:07:29
   • Hosting Architecture 00:05:22
   • Design Challenges 00:10:58
4. Offline-Friendly Libraries
   • Offline-Friendly Libraries 00:01:28
   • Using the App Cache 00:08:47
   • Using Service Workers 00:09:57
   • I/O in the Browser 00:05:06
   • Offline Persistence 00:22:06
   • WebApp Manifest 00:05:28
5. Third-Party Services
   • Third-Party Web Services 00:03:34
   • Authentication 00:04:30
   • The Same-Origin Policy 00:03:45
6. Coding an Offline-First Web App
   • Coding an Offline-First Web App 00:01:36
   • Setting Up a Grunt Build 00:02:50
   • Basic App Cache Functionality 00:05:32
   • IndexedDB CRUD Operations 00:12:51
   • App Cache & Service Worker Approaches 00:03:19
   • Creating a WebApp Manifest 00:15:11
   • Replacing App Cache with Service Workers 00:09:50
7. Summary
   • Review of Coding an Offline-First Web App 00:02:29