Mobile & Offline Data Synchronization in AngularJS
summary
Demo builds a working offline-capable AngularJS to‑do using Ionic, PouchDB (client) and CouchDB (server) with code at https://github.com/danielzen/ionic-pouchdb-todo and slides at http://bit.ly/zen-ng-pouchdb. App persists tasks across reloads by writing to PouchDB and reacting to its change feed, and it performs bi‑directional replication when a toggleable online sync is enabled. Conflict handling is minimal — the demo notes last‑writer‑wins conflict observed and flags the need for an Angular‑style three‑way binding wrapper; overall syncing between browser and iOS build works.
AI-written summary · about
chapters (36)
- 0:00Intro
- 0:27About me
- 0:57Outline
- 1:24Requirements
- 2:22Data Persistence
- 3:08crud
- 3:38restful
- 3:55REST API
- 4:08HTTP Service
- 4:32Resource
- 5:08HTTP Promise
- 5:22Offline
- 6:24Email
- 7:35Connectivity Lifecycle
- 9:05Offline Data Synchronization
- 10:28Local Storage Options
- 11:53Firebase
- 12:54CouchDB
- 14:39Resources
- 14:51Ionic Framework
- 15:52Application CSS
- 16:12Application HTML
- 17:15JavaScript
- 19:01Ionic Modal
- 19:35NG Template
- 21:21Post to PouchDB
- 21:59Listening to Changes
- 23:46App in Action
- 25:18Edit Delete Buttons
- 25:41OnChangeListener
- 26:22Ionic Popup
- 28:16CouchDB Setup
- 29:52Online Button
- 30:12Online Function
- 30:56Demo
- 33:54Discussion
related talks
25m4 Way Data Binding with Angular & PouchDB
21mOffline first in Angular
22mOffline Angular app in action
35mProgressive Web Apps with Angular 2
01h 00mProgressive Web Apps with Angular: Tips for Advanced Users
30mBuilding Apps with Angular and Firebase
49mA progressive open web with Angular 2
58mMobile HTML5 Websites and Hybrid Apps with AngularJS