SlideShare a Scribd company logo
1 of 7
Download to read offline
IndexedDB
- The store in your browser
- Sakshi Mehra
FED
What is IndexedDB?
 HTML5 API to store data in browser
 Can store large amount of data on client side
 It stores key-pair values
 Allows fast indexing and searching
 It is not a structured query language
 It is non-relational (A NoSQL database)
 Works in asynchronous mode 
Browser Support
 Internet Explorer 10+
 Firefox
 Chrome
 Chrome for Android
 Firefox for Android
 BlackBerry 10
Why indexedDB
 LocalStorage
- Very simple API
- but usage is capped at 5 MB
- synchronous
- good browser support
 WebSQL
- supported only on Chrome and Safari
- asynchronous
- relational database implementation
IndexedDB is the successor to both LocalStorage and WebSQL
Let’s understand how.
Hence came IndexedDB up in its preference!!
Using IndexedDB:
 All IndexedDB functionality is accessed through
window.indexedDB object
window.indexedDB = window.indexedDB || window.mozIndexedDB ||
window.webkitIndexedDB || window.msIndexedDB;
This is how IndexedDB looks
Thank you!

More Related Content

What's hot

Client side storage on the modern web
Client side storage on the modern webClient side storage on the modern web
Client side storage on the modern web
Rajasekharan Vengalil
 
OW2 Exo Platform Open Social Portal Linuxtag09
OW2 Exo Platform Open Social Portal Linuxtag09OW2 Exo Platform Open Social Portal Linuxtag09
OW2 Exo Platform Open Social Portal Linuxtag09
Catherine Nuel
 

What's hot (19)

Indexed DB
Indexed DBIndexed DB
Indexed DB
 
Class 10
Class 10Class 10
Class 10
 
MongoDB at Flight Centre Ltd
MongoDB at Flight Centre LtdMongoDB at Flight Centre Ltd
MongoDB at Flight Centre Ltd
 
CGS2835 HTML5
CGS2835 HTML5CGS2835 HTML5
CGS2835 HTML5
 
Introduction of web desiging
Introduction of web desigingIntroduction of web desiging
Introduction of web desiging
 
Semantic editor
Semantic editorSemantic editor
Semantic editor
 
Progressive web applications
Progressive web applicationsProgressive web applications
Progressive web applications
 
Designing using Web Standards with Dreamweaver
Designing using Web Standards with DreamweaverDesigning using Web Standards with Dreamweaver
Designing using Web Standards with Dreamweaver
 
Web Performance Lessons at DDD Sydney May 2016
Web Performance Lessons at DDD Sydney May 2016Web Performance Lessons at DDD Sydney May 2016
Web Performance Lessons at DDD Sydney May 2016
 
Content Modularization Is Here
Content Modularization Is HereContent Modularization Is Here
Content Modularization Is Here
 
seamless – Object Oriented CMS System
seamless – Object Oriented CMS Systemseamless – Object Oriented CMS System
seamless – Object Oriented CMS System
 
MongoDB World 2019: Polyglot Persistence with MongoDB: What You Need to Know ...
MongoDB World 2019: Polyglot Persistence with MongoDB: What You Need to Know ...MongoDB World 2019: Polyglot Persistence with MongoDB: What You Need to Know ...
MongoDB World 2019: Polyglot Persistence with MongoDB: What You Need to Know ...
 
conceptTermStoreManager Demo On Demand
conceptTermStoreManager Demo On DemandconceptTermStoreManager Demo On Demand
conceptTermStoreManager Demo On Demand
 
Client side storage on the modern web
Client side storage on the modern webClient side storage on the modern web
Client side storage on the modern web
 
A practical approach on - How to design offline-online synchronization system
A practical approach on - How to design offline-online synchronization systemA practical approach on - How to design offline-online synchronization system
A practical approach on - How to design offline-online synchronization system
 
Advanced php code igniter framework
Advanced php code igniter frameworkAdvanced php code igniter framework
Advanced php code igniter framework
 
Software development spécialiste
Software development spécialisteSoftware development spécialiste
Software development spécialiste
 
Training presentation
Training presentationTraining presentation
Training presentation
 
OW2 Exo Platform Open Social Portal Linuxtag09
OW2 Exo Platform Open Social Portal Linuxtag09OW2 Exo Platform Open Social Portal Linuxtag09
OW2 Exo Platform Open Social Portal Linuxtag09
 

Viewers also liked

Metodologias rup
Metodologias rupMetodologias rup
Metodologias rup
gmjuan
 
Resume women educatorsociety
Resume women educatorsocietyResume women educatorsociety
Resume women educatorsociety
mrsjenkins
 
Grade 4/5 Parent iPad Presentation
Grade 4/5 Parent iPad PresentationGrade 4/5 Parent iPad Presentation
Grade 4/5 Parent iPad Presentation
matthewlipstein
 
Leverage
LeverageLeverage
Leverage
Mickey
 

Viewers also liked (14)

Metodologias rup
Metodologias rupMetodologias rup
Metodologias rup
 
2015 Superior Glove Winter Catalog
2015 Superior Glove Winter Catalog2015 Superior Glove Winter Catalog
2015 Superior Glove Winter Catalog
 
The New Fair Labor Standards Act Regulations: Optimizing Implementation C...
 The New Fair Labor Standards Act Regulations: Optimizing Implementation C... The New Fair Labor Standards Act Regulations: Optimizing Implementation C...
The New Fair Labor Standards Act Regulations: Optimizing Implementation C...
 
Resume women educatorsociety
Resume women educatorsocietyResume women educatorsociety
Resume women educatorsociety
 
Programacao funcional dojo
Programacao funcional dojoProgramacao funcional dojo
Programacao funcional dojo
 
Tech Days 2015: Customer Presentation Deep Blue Capital
Tech Days 2015: Customer Presentation Deep Blue CapitalTech Days 2015: Customer Presentation Deep Blue Capital
Tech Days 2015: Customer Presentation Deep Blue Capital
 
Water Features Overland Park KS /Fountain Restoration Overland Park KS by Ka...
 Water Features Overland Park KS /Fountain Restoration Overland Park KS by Ka... Water Features Overland Park KS /Fountain Restoration Overland Park KS by Ka...
Water Features Overland Park KS /Fountain Restoration Overland Park KS by Ka...
 
Running tests for every commit: Gerrit, Jenkins, Docker, AWS
Running tests for every commit: Gerrit, Jenkins, Docker, AWSRunning tests for every commit: Gerrit, Jenkins, Docker, AWS
Running tests for every commit: Gerrit, Jenkins, Docker, AWS
 
Александр Куцан: "Static Code Analysis in C++"
Александр Куцан: "Static Code Analysis in C++" Александр Куцан: "Static Code Analysis in C++"
Александр Куцан: "Static Code Analysis in C++"
 
Константин Маркович: "Creating modular application using Spring Boot "
Константин Маркович: "Creating modular application using Spring Boot "Константин Маркович: "Creating modular application using Spring Boot "
Константин Маркович: "Creating modular application using Spring Boot "
 
Grade 4/5 Parent iPad Presentation
Grade 4/5 Parent iPad PresentationGrade 4/5 Parent iPad Presentation
Grade 4/5 Parent iPad Presentation
 
resume 15
resume 15resume 15
resume 15
 
Mesolithic age
Mesolithic ageMesolithic age
Mesolithic age
 
Leverage
LeverageLeverage
Leverage
 

Similar to [@NaukriEngineering] IndexedDB

HTML5 Data Storage
HTML5 Data StorageHTML5 Data Storage
HTML5 Data Storage
Allan Huang
 
Scaling down CouchDB - Meet TouchDB
Scaling down CouchDB - Meet TouchDBScaling down CouchDB - Meet TouchDB
Scaling down CouchDB - Meet TouchDB
Stefan Baggström
 

Similar to [@NaukriEngineering] IndexedDB (20)

IndexedDB - An Efficient Way to Manage Data
IndexedDB - An Efficient Way to Manage DataIndexedDB - An Efficient Way to Manage Data
IndexedDB - An Efficient Way to Manage Data
 
Html5 storage suggestions for challenges.pptx
Html5 storage   suggestions for challenges.pptxHtml5 storage   suggestions for challenges.pptx
Html5 storage suggestions for challenges.pptx
 
What is mean stack?
What is mean stack?What is mean stack?
What is mean stack?
 
Offline Web with Oracle JET
Offline Web with Oracle JETOffline Web with Oracle JET
Offline Web with Oracle JET
 
Working with Data in Service Workers
Working with Data in Service WorkersWorking with Data in Service Workers
Working with Data in Service Workers
 
Single Page Apps
Single Page AppsSingle Page Apps
Single Page Apps
 
HTML5 Data Storage
HTML5 Data StorageHTML5 Data Storage
HTML5 Data Storage
 
Introduction to Foxx by our community member Iskandar Soesman @ikandars
Introduction to Foxx by our community member Iskandar Soesman @ikandarsIntroduction to Foxx by our community member Iskandar Soesman @ikandars
Introduction to Foxx by our community member Iskandar Soesman @ikandars
 
Introduction to backbone_js
Introduction to backbone_jsIntroduction to backbone_js
Introduction to backbone_js
 
Single page applications with backbone js
Single page applications with backbone jsSingle page applications with backbone js
Single page applications with backbone js
 
Modern Web: Trends der Webentwicklung
Modern Web: Trends der WebentwicklungModern Web: Trends der Webentwicklung
Modern Web: Trends der Webentwicklung
 
From React to React Native - Things I wish I knew when I started
From React to React Native - Things I wish I knew when I startedFrom React to React Native - Things I wish I knew when I started
From React to React Native - Things I wish I knew when I started
 
Scaling down CouchDB - Meet TouchDB
Scaling down CouchDB - Meet TouchDBScaling down CouchDB - Meet TouchDB
Scaling down CouchDB - Meet TouchDB
 
Introduction to document db- Global Azure Bootcamp 2016
Introduction to document db- Global Azure Bootcamp 2016Introduction to document db- Global Azure Bootcamp 2016
Introduction to document db- Global Azure Bootcamp 2016
 
10 mongo db
10 mongo db10 mongo db
10 mongo db
 
When to Use MongoDB
When to Use MongoDBWhen to Use MongoDB
When to Use MongoDB
 
Tech talk php_cms
Tech talk php_cmsTech talk php_cms
Tech talk php_cms
 
NuoDB 3.0: Getting Started with Community Edition
NuoDB 3.0: Getting Started with Community EditionNuoDB 3.0: Getting Started with Community Edition
NuoDB 3.0: Getting Started with Community Edition
 
JCR and Sling Quick Dive
JCR and Sling Quick DiveJCR and Sling Quick Dive
JCR and Sling Quick Dive
 
Hibernate introduction
Hibernate introductionHibernate introduction
Hibernate introduction
 

More from Naukri.com

More from Naukri.com (18)

[@NaukriEngineering] Deferred deep linking in iOS
[@NaukriEngineering] Deferred deep linking in iOS[@NaukriEngineering] Deferred deep linking in iOS
[@NaukriEngineering] Deferred deep linking in iOS
 
[@NaukriEngineering] Instant Apps
[@NaukriEngineering] Instant Apps[@NaukriEngineering] Instant Apps
[@NaukriEngineering] Instant Apps
 
[@NaukriEngineering] Video handlings on apple platforms
[@NaukriEngineering] Video handlings on apple platforms[@NaukriEngineering] Video handlings on apple platforms
[@NaukriEngineering] Video handlings on apple platforms
 
[@NaukriEngineering] Introduction to Android O
[@NaukriEngineering] Introduction to Android O[@NaukriEngineering] Introduction to Android O
[@NaukriEngineering] Introduction to Android O
 
[@NaukriEngineering] MVVM in iOS
[@NaukriEngineering] MVVM in iOS[@NaukriEngineering] MVVM in iOS
[@NaukriEngineering] MVVM in iOS
 
[@NaukriEngineering] Introduction to Galera cluster
[@NaukriEngineering] Introduction to Galera cluster[@NaukriEngineering] Introduction to Galera cluster
[@NaukriEngineering] Introduction to Galera cluster
 
[@NaukriEngineering] Inbound Emails for Every Web App: Angle
[@NaukriEngineering] Inbound Emails for Every Web App: Angle[@NaukriEngineering] Inbound Emails for Every Web App: Angle
[@NaukriEngineering] Inbound Emails for Every Web App: Angle
 
[@NaukriEngineering] BDD implementation using Cucumber
[@NaukriEngineering] BDD implementation using Cucumber[@NaukriEngineering] BDD implementation using Cucumber
[@NaukriEngineering] BDD implementation using Cucumber
 
[@NaukriEngineering] Feature Toggles
[@NaukriEngineering] Feature Toggles[@NaukriEngineering] Feature Toggles
[@NaukriEngineering] Feature Toggles
 
[@NaukriEngineering] Apache Spark
[@NaukriEngineering] Apache Spark[@NaukriEngineering] Apache Spark
[@NaukriEngineering] Apache Spark
 
[@NaukriEngineering] Icon fonts & vector drawable in iOS apps
[@NaukriEngineering] Icon fonts & vector drawable in iOS apps[@NaukriEngineering] Icon fonts & vector drawable in iOS apps
[@NaukriEngineering] Icon fonts & vector drawable in iOS apps
 
[@NaukriEngineering] AppTracer
[@NaukriEngineering] AppTracer[@NaukriEngineering] AppTracer
[@NaukriEngineering] AppTracer
 
[@NaukriEngineering] Flux Architecture
[@NaukriEngineering] Flux Architecture[@NaukriEngineering] Flux Architecture
[@NaukriEngineering] Flux Architecture
 
[@NaukriEngineering] Mobile Web app scripts execution using Appium
[@NaukriEngineering] Mobile Web app scripts execution using Appium[@NaukriEngineering] Mobile Web app scripts execution using Appium
[@NaukriEngineering] Mobile Web app scripts execution using Appium
 
[@NaukriEngineering] Messaging Queues
[@NaukriEngineering] Messaging Queues[@NaukriEngineering] Messaging Queues
[@NaukriEngineering] Messaging Queues
 
[@NaukriEngineering] Docker 101
[@NaukriEngineering] Docker 101[@NaukriEngineering] Docker 101
[@NaukriEngineering] Docker 101
 
[@NaukriEngineering] Git Basic Commands and Hacks
[@NaukriEngineering] Git Basic Commands and Hacks[@NaukriEngineering] Git Basic Commands and Hacks
[@NaukriEngineering] Git Basic Commands and Hacks
 
[@NaukriEngineering] CSS4 Selectors – Part 1
[@NaukriEngineering] CSS4 Selectors – Part 1[@NaukriEngineering] CSS4 Selectors – Part 1
[@NaukriEngineering] CSS4 Selectors – Part 1
 

Recently uploaded

DeepFakes presentation : brief idea of DeepFakes
DeepFakes presentation : brief idea of DeepFakesDeepFakes presentation : brief idea of DeepFakes
DeepFakes presentation : brief idea of DeepFakes
MayuraD1
 
Hospital management system project report.pdf
Hospital management system project report.pdfHospital management system project report.pdf
Hospital management system project report.pdf
Kamal Acharya
 
Standard vs Custom Battery Packs - Decoding the Power Play
Standard vs Custom Battery Packs - Decoding the Power PlayStandard vs Custom Battery Packs - Decoding the Power Play
Standard vs Custom Battery Packs - Decoding the Power Play
Epec Engineered Technologies
 

Recently uploaded (20)

Theory of Time 2024 (Universal Theory for Everything)
Theory of Time 2024 (Universal Theory for Everything)Theory of Time 2024 (Universal Theory for Everything)
Theory of Time 2024 (Universal Theory for Everything)
 
Online electricity billing project report..pdf
Online electricity billing project report..pdfOnline electricity billing project report..pdf
Online electricity billing project report..pdf
 
Navigating Complexity: The Role of Trusted Partners and VIAS3D in Dassault Sy...
Navigating Complexity: The Role of Trusted Partners and VIAS3D in Dassault Sy...Navigating Complexity: The Role of Trusted Partners and VIAS3D in Dassault Sy...
Navigating Complexity: The Role of Trusted Partners and VIAS3D in Dassault Sy...
 
Max. shear stress theory-Maximum Shear Stress Theory ​ Maximum Distortional ...
Max. shear stress theory-Maximum Shear Stress Theory ​  Maximum Distortional ...Max. shear stress theory-Maximum Shear Stress Theory ​  Maximum Distortional ...
Max. shear stress theory-Maximum Shear Stress Theory ​ Maximum Distortional ...
 
COST-EFFETIVE and Energy Efficient BUILDINGS ptx
COST-EFFETIVE  and Energy Efficient BUILDINGS ptxCOST-EFFETIVE  and Energy Efficient BUILDINGS ptx
COST-EFFETIVE and Energy Efficient BUILDINGS ptx
 
Thermal Engineering Unit - I & II . ppt
Thermal Engineering  Unit - I & II . pptThermal Engineering  Unit - I & II . ppt
Thermal Engineering Unit - I & II . ppt
 
Ground Improvement Technique: Earth Reinforcement
Ground Improvement Technique: Earth ReinforcementGround Improvement Technique: Earth Reinforcement
Ground Improvement Technique: Earth Reinforcement
 
Orlando’s Arnold Palmer Hospital Layout Strategy-1.pptx
Orlando’s Arnold Palmer Hospital Layout Strategy-1.pptxOrlando’s Arnold Palmer Hospital Layout Strategy-1.pptx
Orlando’s Arnold Palmer Hospital Layout Strategy-1.pptx
 
DeepFakes presentation : brief idea of DeepFakes
DeepFakes presentation : brief idea of DeepFakesDeepFakes presentation : brief idea of DeepFakes
DeepFakes presentation : brief idea of DeepFakes
 
HOA1&2 - Module 3 - PREHISTORCI ARCHITECTURE OF KERALA.pptx
HOA1&2 - Module 3 - PREHISTORCI ARCHITECTURE OF KERALA.pptxHOA1&2 - Module 3 - PREHISTORCI ARCHITECTURE OF KERALA.pptx
HOA1&2 - Module 3 - PREHISTORCI ARCHITECTURE OF KERALA.pptx
 
Hospital management system project report.pdf
Hospital management system project report.pdfHospital management system project report.pdf
Hospital management system project report.pdf
 
Bhubaneswar🌹Call Girls Bhubaneswar ❤Komal 9777949614 💟 Full Trusted CALL GIRL...
Bhubaneswar🌹Call Girls Bhubaneswar ❤Komal 9777949614 💟 Full Trusted CALL GIRL...Bhubaneswar🌹Call Girls Bhubaneswar ❤Komal 9777949614 💟 Full Trusted CALL GIRL...
Bhubaneswar🌹Call Girls Bhubaneswar ❤Komal 9777949614 💟 Full Trusted CALL GIRL...
 
A Study of Urban Area Plan for Pabna Municipality
A Study of Urban Area Plan for Pabna MunicipalityA Study of Urban Area Plan for Pabna Municipality
A Study of Urban Area Plan for Pabna Municipality
 
NO1 Top No1 Amil Baba In Azad Kashmir, Kashmir Black Magic Specialist Expert ...
NO1 Top No1 Amil Baba In Azad Kashmir, Kashmir Black Magic Specialist Expert ...NO1 Top No1 Amil Baba In Azad Kashmir, Kashmir Black Magic Specialist Expert ...
NO1 Top No1 Amil Baba In Azad Kashmir, Kashmir Black Magic Specialist Expert ...
 
Unit 4_Part 1 CSE2001 Exception Handling and Function Template and Class Temp...
Unit 4_Part 1 CSE2001 Exception Handling and Function Template and Class Temp...Unit 4_Part 1 CSE2001 Exception Handling and Function Template and Class Temp...
Unit 4_Part 1 CSE2001 Exception Handling and Function Template and Class Temp...
 
Standard vs Custom Battery Packs - Decoding the Power Play
Standard vs Custom Battery Packs - Decoding the Power PlayStandard vs Custom Battery Packs - Decoding the Power Play
Standard vs Custom Battery Packs - Decoding the Power Play
 
Hostel management system project report..pdf
Hostel management system project report..pdfHostel management system project report..pdf
Hostel management system project report..pdf
 
PE 459 LECTURE 2- natural gas basic concepts and properties
PE 459 LECTURE 2- natural gas basic concepts and propertiesPE 459 LECTURE 2- natural gas basic concepts and properties
PE 459 LECTURE 2- natural gas basic concepts and properties
 
Introduction to Data Visualization,Matplotlib.pdf
Introduction to Data Visualization,Matplotlib.pdfIntroduction to Data Visualization,Matplotlib.pdf
Introduction to Data Visualization,Matplotlib.pdf
 
Computer Networks Basics of Network Devices
Computer Networks  Basics of Network DevicesComputer Networks  Basics of Network Devices
Computer Networks Basics of Network Devices
 

[@NaukriEngineering] IndexedDB

  • 1. IndexedDB - The store in your browser - Sakshi Mehra FED
  • 2. What is IndexedDB?  HTML5 API to store data in browser  Can store large amount of data on client side  It stores key-pair values  Allows fast indexing and searching  It is not a structured query language  It is non-relational (A NoSQL database)  Works in asynchronous mode 
  • 3. Browser Support  Internet Explorer 10+  Firefox  Chrome  Chrome for Android  Firefox for Android  BlackBerry 10
  • 4. Why indexedDB  LocalStorage - Very simple API - but usage is capped at 5 MB - synchronous - good browser support  WebSQL - supported only on Chrome and Safari - asynchronous - relational database implementation IndexedDB is the successor to both LocalStorage and WebSQL Let’s understand how. Hence came IndexedDB up in its preference!!
  • 5. Using IndexedDB:  All IndexedDB functionality is accessed through window.indexedDB object window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;
  • 6. This is how IndexedDB looks