Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Offline First Web Development

You're reading from   Offline First Web Development Design and build robust offline-first apps for exceptional user experience even when an internet connection is absent

Arrow left icon
Product type Paperback
Published in Nov 2015
Publisher Packt
ISBN-13 9781785884573
Length 316 pages
Edition 1st Edition
Languages
Arrow right icon
Author (1):
Arrow left icon
Daniel Sauble Daniel Sauble
Author Profile Icon Daniel Sauble
Daniel Sauble
Arrow right icon
View More author details
Toc

Table of Contents (12) Chapters Close

Preface 1. The Pain of Being Offline FREE CHAPTER 2. Building a To-do App 3. Designing Online Behavior 4. Getting Online 5. Be Honest about What's Happening 6. Be Eventually Consistent 7. Choosing Intelligent Defaults 8. Networking While Offline 9. Testing and Measuring the UX A. References Index

Building trust through up front communication


There are two forms of communication: passive communication, which is making people aware of what's going on and active communication, which means responding to events in a clear, proactive way. We made use of passive communication in the first section. Our online/offline indicator is always present, letting us know when we're online or offline. However, when people click save or the lists (re)load, there's no feedback from the app. We can do better.

The easiest way to address this is to add a spinner and/or message when people add a new list, collaborator, or item. As each of these actions involves a round-trip to Cloudant, a reasonably expensive and (comparatively speaking) slow event, we should let people know that this is happening and when it finishes successfully (or fails).

This is actually trivial to do using our existing framework. Simply add the following code to the .on('active') clause of the store.localDB.sync() and call in the startSyncing...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image