Video Description
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 apps
- Building an offline-first web app
- Server-free hosting
- The HTML5 application cache
- File I/O in the browser
- Offline persistence in the browser
- Working with IndexedDB
- Syncing with third-party services
- Making an offline-first web app via Grunt and S3
Richard 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.
Table of Contents
-
Introduction to Web Apps without Web Services
- Overview of Video 00:01:25
-
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
-
Offline-First Web Apps
- Offline-First Web Apps 00:07:29
- Hosting Architecture 00:05:22
- Design Challenges 00:10:58
-
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
-
Third-Party Services
- Third-Party Web Services 00:03:34
- Authentication 00:04:30
- The Same-Origin Policy 00:03:45
-
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
- Summary