JavaScript for Li...
Follow
Find tag "IndexedDB"
393.3K views | +464 today
JavaScript for Line of Business Applications
Keeping track of current JavaScript Frameworks that help design your clientside Business Logic Layers.
Curated by Jan Hesse
Beam to my Inbox:
Your new post is loading...
Your new post is loading...
Scoop.it!

An Introduction to IndexedDB

An Introduction to IndexedDB | JavaScript for Line of Business Applications | Scoop.it

IndexedDB offers a powerful way to store and retrieve data in the browser. As with server-side databases, IndexedDB allows us to generate keys, search data, or sort it by a particular field. In this article, we’ll dig into the IndexedDB API by building a to-do list manager. But first, let’s look at some of the concepts around databases and IndexedDB.

In a key-value object store, each record is a self-contained object. It may, but usually doesn’t have a relationship to records in another object store. Each record may even differ radically from other objects in the same store.

more...
No comment yet.
Scoop.it!

Working with quota on mobile browsers: A research report on browser storage

Working with quota on mobile browsers: A research report on browser storage | JavaScript for Line of Business Applications | Scoop.it
An in-depth article about the state of client-side storage on mobile devices.

As web apps get richer and richer, more and more developers are using browser-side storage. However, there hasn't been a major study comparing the limitations of the various storage mechanisms. It is time consuming for developers to research each method and browser. So in this article, I'm going to show you the results of my research on the upper limit of each browser's storage implementation, as well as how you can inspect them.

more...
No comment yet.
Scoop.it!

HTML5: Using IndexedDB with WebGL and Babylon.JS

HTML5: Using IndexedDB with WebGL and Babylon.JS | JavaScript for Line of Business Applications | Scoop.it

In this article, I’d like to share everything I’ve been learning while developing the support for IndexedDB inside our 3D WebGL Babylon.JS game engine. Indeed, since 1.4.x, we’re now supporting storing & loading the JSON scenes containing our 3d meshes and their .PNG or .JPG textures as blobs from IndexedDB.

This article is built around my own experience on this topic. It’s based on the way I’ve solved the various issues I have encountered while working with IDB. You’ll then find someexplanations & tips on what you must pay attention to when you’ll work with IndexedDB. I will also share how and why we’re using it inside our 3d WebGL engine. Still, this article may be helpful for anybody looking at IndexedDB in general. 3d gaming will just serve as an illustration of its usage.

more...
No comment yet.
Scoop.it!

AngularJS with IndexedDB using a helper library

AngularJS with IndexedDB using a helper library | JavaScript for Line of Business Applications | Scoop.it

In working on my podcast app, podrad.io, I wanted to be able to persist data, so that users could keep their subscriptions between visits, without losing anything, and without my needing to do anything server-side. When I was writing podrad.io, however, my goal was to get something written as quickly as I could, get it out, and then iterate on it as I have time. With those goals in mind, I used LocalStorage for persistence, it was simple, and did the job. Now, I’m going back and looking at what needs to be added or fixed, and the data persistence is top on my list.

more...
No comment yet.
Scoop.it!

localForage - using IndexedDB or WebSQL but with a simple, localStorage-like API

localForage - using IndexedDB or WebSQL but with a simple, localStorage-like API | JavaScript for Line of Business Applications | Scoop.it

localForage includes a localStorage-backed fallback store for browsers with no IndexedDB or WebSQL support. This means that asynchronous storage is available in Chrome, Firefox, and Safari (including Safari Mobile).

localForage includes a Backbone.js storage library that you can use to store your Backbone collections offline with only a few lines of really simple code.

Of course, Backbone.js is entirely optional and you can use localForage without it!

more...
No comment yet.
Scoop.it!

Working With IndexedDB – Part 3

Working With IndexedDB – Part 3 | JavaScript for Line of Business Applications | Scoop.it
Welcome to the final part of my IndexedDB series. When I began this series my intent was to explain a technology that is not always the most… friendly one to work with. In fact, when I first tried working with IndexedDB, last year, my initial reaction was somewhat negative (“Somewhat negative” much like the Universe is “somewhat old.”). It’s been a long journey, but I finally feel somewhat comfortable working with IndexedDB and I respect what it allows. It is still a technology that can’t be used everywhere (it sadly missed being added to iOS7), but I truly believe it is a technology folks can learn and make use of today.

In this final article, we’re going to demonstrate some additional concepts that build upon the “full” demo we built in the last article. To be clear, you must be caught up on the series or this entry will be difficult to follow, so you may also want to check out part one.

more...
No comment yet.
Scoop.it!

Working With IndexedDB

Working With IndexedDB | JavaScript for Line of Business Applications | Scoop.it

One of the more interesting developments in web standards lately is the Indexed Database (IndexedDB for short) specification. For a fun time you can read the spec yourself. In this tutorial I’ll be explaining this feature and hopefully giving you some inspiration to use this powerful feature yourself.

In a nutshell, IndexedDB provides a way for you to store large amounts of data on your user’s browser. Any application that needs to send a lot of data over the wire could greatly benefit from being able to store that data on the client instead. Of course storage is only part of the equation. IndexedDB also provides a powerful indexed based searching API to retrieve the data you need.

We’ve covered the specification and support, now let’s look at using the feature. The very first thing we should do is check for IndexedDB support. While there are tools out there that provide generic ways to check for browser features, we can make this much simpler since we’re just checking for one particular thing.

more...
No comment yet.