IndexedDB API

IndexedDB is a new concept or technology to store data in your web browser or even if you in offline mode then also they work.

Indexed DB is a low-level API for client-side storage to store a significant amount of data such as string, file/blobs. IndexedDB is a NoSQL, and large scale usable storage system, they give you the facility to store anything in the user web browser.

You cannot access or be accessed by any other origin data. In IndexedDB have a facility to create any amount of databases for the same origin in a web browser, But normally or suggestion is that to create only one/single database for a single application in the browser.

IndexedDB is store data in the form of an object. Yeah, it's similar to Mysql or any other databases system to create the first database in that database we create a table or object to store a number of data.

The object has a number of columns in the form of indexes in which we have to store values as per requirement.

 All that indexes we created or any changes in the indexedDB database are work with the help of transaction.

Step to work with IndexedDB API:

 First, we have to open an indexedDB API to open a database in the browser. this process is crucial because whenever we have to communicate with IndexedDB then first we have to open a database or create a database in a user web browser

 After that we have to create a transaction and its very crucial part to do any changes in the database, if we have any error in a transaction then our operation is failed.

IndexedDB used to have a competing spec, WebSQL Database, but the W3C deprecated it on November 18, 2010. While both IndexedDB and WebSQL are solutions for storage, they do not offer the same functionalities. WebSQL Database is a relational database access system, whereas IndexedDB is an indexed table system.

 If we create a transaction successfully then the next operation is to create an object store to store a data in that object store.

An object store is one kind of table in which we store the data or information. In object store creation we also have to give a "keyPath", So

 If object store creation is completed then finally we have to create an index to store a final data in the browser.

 This data is very useful when a user in off-line mode on internet connection, indexedDB is majorly playing a role on off-line mode to store a data or retrieve a data from a web browser(Desktop and mobile).

 So, That's it here, and in this article, we learn that how IndexedDB actual work and its simple steps.

RESOURCES:

Comments

Post a Comment

Popular posts from this blog

Languages for AI

Image
As we know, AI is tremendously growing in the whole world because we want automation or smartness in everywhere like in machines, phones, homes, office, any electronic devices, and etc. Now, there are a huge amount of newcomers of computer science students who are moving to AI, ML(machine learning), DL(deep learning), NN(neural network), Data Science, etc to grabs the opportunity of future technology. But some beginners have some confusion about getting into AI, ML, etc. So in this article, we will roll around to this topic. First of all, The primary step is that which depends on your projects which you have to build using machine learning, artificially intelligence, etc libraries. The implementation of AI, ML, Data Science is all about libraries, which is available in programming languages. Programming languages. 1. Python. 2. Java. 3. JS. 4. C++ 5. R. Here, above the list of programming languages that are majorly useful to build AI, ML, DS, etc. So, the first one
Read more

Window vs Linux for Android Development.

Image
As we know that, Today the Mobile app developer is growing day-by-day and there are some newbies(beginners) also want to become a mobile app developer or want to build mobile apps. But some beginners(72% out of 100%) have big trouble to get started with mobile app development in Android. Let us see how, First beginners already know what technology or languages he/she has to adopt such as native langs JAVA, kotlin, c++ or libraries and framework React Native, Flutter, Ionic, Xamarin, native scripts, etc. If you want to know more about langs and libraries for mobile app development in a smart way then check it out my blog. If beginners successfully learn the foundation of mobile app development then they have to work on android studio to developed apps. In that`s situation some beginners have trouble to build an android app in their machine. am also faced that trouble in my past. Now shared my exp about android app development in window and Linux(Ubuntu 16.04+). First of a
Read more

How Network Communications Occurs? | OSI Model.

Image
Today, In this blog we are talking about How Network Communication occurs with the OSI Model. First, the OSI Model Stands for  Open Sytems Interconnection. The OSI model is a conceptual model of how network communication occurs. For network communication to happen, the layers must work together to transmit a message from one device to another. There are 7 layers in the OSI model. We'll start at the top-most layer, layer 7, and work our way down to layer 1.     Layer 7 - Application     Layer 6 - Presentation     Layer 5 - Session     Layer 4 - Transport     Layer 3 - Network     Layer 2 - Data Link     Layer 1 - Physical The OSI model is a breakdown of the various aspects of network communication. It is concerned with the ability of different systems to be connected with each other. It's a conceptual breakdown of all the parts that are involved and groups them into logical sections. Let's check them out. This above image will help you to understan
Read more