Book description
Move over native apps. New progressive web apps have capabilities that will soon make you obsolete. With this hands-on guide, web developers and business execs will learn how—and why—to develop web apps that take advantage of features that have so far been exclusive to native apps. Features that include fast load times, push notifications, offline access, homescreen shortcuts, and an entirely app-like experience.
By leveraging the latest browser APIs, progressive web apps combine all of the benefits of native apps, while avoiding their issues. Throughout the book, author Tal Ater shows you how to improve a simple website for the fictional Gotham Imperial Hotel into a modern progressive web app. Plus:
- Understand how service workers work, and use them to create sites that launch in an instant, regardless of the user’s internet connection
- Create full-screen web apps that launch from the phone's homescreen just like native apps
- Re-engage users with push notifications, even days after they have left your site
- Embrace offline-first and build web apps that gracefully handle loss of connectivity
- Explore new UX opportunities and challenges presented by progressive web apps
Publisher resources
Table of contents
- Preface
- 1. Introducing Progressive Web Apps
-
2. Your First Service Worker
- Setting Up Our Sample Project
- Welcome to the Gotham Imperial Hotel
- Getting to Know the Code
- The Current Offline Experience
- Creating Your First Service Worker
- What Is Progressive Enhancement?
- HTTPS and Service Workers
- Fetching Content from the Web
- Capturing Offline Requests
- Creating HTML Responses
- Understanding Service Worker Scope
- Summary
- 3. The CacheStorage API
- 4. Service Worker Lifecycle and Cache Management
- 5. Embracing Offline-First
-
6. Storing Data Locally with IndexedDB
- What Is IndexedDB
-
Using IndexedDB
- Opening a Database Connection
- Database Versioning/Modifying an Object Store
- Adding Data to an Object Store
- Reading Data from an Object Store
- IndexedDB Version Management
- Reading Objects With a Cursor
- Creating Indices
- Reading Data Using an Index
- Limiting a Cursor’s Range
- Setting a Cursor’s Direction
- Updating Objects in an Object Store
- Deleting Objects from an Object Store
- Deleting All Objects from an Object Store
- Handling Bubbling IndexedDB Errors
- IndexedDB for SQL Ninjas
- IndexedDB in Practice
- The Database That Was Promised
- IndexedDB Housekeeping
- Using IndexedDB in the Service Worker
- The IndexedDB Ecosystem
- Summary
- 7. Ensuring Offline Functionality with Background Sync
- 8. Service Worker to Page Communication with Post Messages
- 9. Grabbing Homescreen Real Estate with Installable Web Apps
- 10. Reach Out with Push Notifications
- 11. Progressive Web App UX
- 12. What’s Next for PWAs
- A. Service Workers: A Great Opportunity to Adopt ES2015
- B. Full-Page Interstitials or: How I Learned to Hate the Door Slam
- C. CORS Versus NO-CORS
- Index
Product information
- Title: Building Progressive Web Apps
- Author(s):
- Release date: September 2017
- Publisher(s): O'Reilly Media, Inc.
- ISBN: 9781491961650
You might also like
video
Developing Progressive Web Applications
A progressive web app (PWA) is a new way to deliver an app-like experience to a …
video
Progressive Web Apps (PWA) - The Complete Guide
Progressive Web Apps (PWA) are the next big thing in web development as they bring mobile-app-like …
book
Learning Progressive Web Apps: Building Modern Web Apps Using Service Workers
Use Service Workers to Turbocharge Your Web Apps “You have made an excellent decision in picking …
book
Building Progressive Web Applications with Vue.js: Reliable, Fast, and Engaging Apps with Vue.js
Obtain all the necessary tools for developing a progressive web application (PWA) with Vue.js, a modern …