Slides for a talk on Offline First by Steven Trevathan and Gregor Martynus

1. Offline First
The New Builders: Ideas on Tap
Las Vegas, March 2017
@gr2m@strevatArt: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets

5. We’re Steven Trevathan
& Gregor Martynus
@strevat @gr2m

6. What we’re up to.
• Make&Model and Neighbourhoodie
• Offline First community building
• Offline Camp creators
• Hoodie (Offline First JavaScript Backend)
• Design Consulting
• CouchDB Support & Training
• Offline First Support & Training

7. Who is going to
InterConnect?

8. Offline First @gr2m@strevat
Offline First Demo
Voice of InterConnect
Art: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets

10. Who’s a developer?

11. Who’s a designer?

12. Who is neither?

13. Offline First @gr2m@strevat
Offline First
What? Why? How?
Art: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets

14. Offline First @gr2m@strevat
Reliable performance
independent of connectivity.
What is Offline First?

15. Offline First @gr2m@strevat
Why?
Art: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets

16. Offline First @gr2m@strevat
You cannot assume the
conditions your users are in.
Why Offline First?

17. Offline First @gr2m@strevat
Ubiquitous and fast internet is
not going to happen.
Why Offline First?

18. Offline First @gr2m@strevat
New internet users are
nearly exclusively mobile.
Why Offline First?

19. Offline First @gr2m@strevat
Apps can be used
without signing up.
Why Offline First?

20. Offline First @gr2m@strevat
Amazon down?
No problem.
Why Offline First?

21. Offline First @gr2m@strevat
Security.
Why Offline First?

22. Offline First @gr2m@strevat
But how!?
Art: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets

23. Offline First @gr2m@strevat
Borrow from Mobile First
and Responsive design
methodologies
Offline First, but how!?

24. Offline First @gr2m@strevat
DISCLAIMER
The following slides are designed by Gregor.
(Not Steve)

25. Offline First @gr2m@strevat
Application
Data

26. Offline First @gr2m@strevat
FRONTEND
App
hoodie.store
browser store
BACKENDHoodie Sync

27. Offline First @gr2m@strevat
FRONTEND
App
hoodie.store
Sync
CouchDB
REST
BACKENDHoodie Sync
browser store

28. Offline First @gr2m@strevat
FRONTEND
App
hoodie.store
Sync
Plugins
(node.js)
CouchDB
REST
BACKENDHoodie Sync
browser store

29. Offline First @gr2m@strevat
FRONTEND
App
hoodie.store
BACKENDHoodie Sync
Sync
Anyone
Out for lunch,
BRB
browser store

30. Offline First @gr2m@strevat
FRONTEND
App
hoodie.store
BACKENDHoodie Sync
Sync I don‘t care!
Out for lunch,
BRB
browser store

31. Offline First @gr2m@strevat
FRONTEND
App
hoodie.store
Sync
Plugins
(node.js)
CouchDB
REST
BACKENDHoodie Sync
browser store

32. Offline First @gr2m@strevat
You made it.
Art: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets

33. Offline First @gr2m@strevat
Offline First means our apps
will always work. (And with
less loaders.)
In short

34. Offline First @gr2m@strevat
Questions?
Photo: Steven Trevathan https://www.500px.com/strevat

35. Thank you.
@gr2m@strevat

36. Offline First @gr2m@strevat
Resources
Art: Bruce Riley https://www.flickr.com/photos/17036157@N03/sets
Offline First
offlinefirst.org
Slack
offlinefirst.org/chat
Offline Newsletter
offlinefirst.org/news
Medium
medium.com/offline-camp
Related Articles
http://twinprime.com/lte-has-
slowed-by-50-in-the-us/
http://www.gsma.com/
mobileeconomy/
http://
www.internetlivestats.com/
internet-users-by-country