MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.


I'm not curious

HTML5 Web Storage, IndexedDB and File System

Course Summary

Learn to use HTML5 to persist data on the client using Web Storage (local and session storage), the client-side object database known as IndexedDB and the in-browser file system. In this course you are introduced to each persistence medium and will learn


  • +

    Course Syllabus

    ● Course Introduction
        ◦ Introduction
        ◦ Technology Landscape
        ◦ Practical Uses
        ◦ Narrowing Down the Scope
        ◦ Concepts: Immediately Invoked Function Expressions
        ◦ Concepts: $$result Module
        ◦ Concepts: mockJSON
        ◦ Concepts: Knockout.js
        ◦ Development Environment
        ◦ No Guarantees
        ◦ Clearing Local Data
        ◦ Summary
    ● Web Storage
        ◦ Introduction
        ◦ What's in a Name?
        ◦ What is Web Storage?
        ◦ Capacity
        ◦ Testing Capacity
        ◦ Features
        ◦ Browser Support
        ◦ Fallbacks and Polyfills
        ◦ Caveats
        ◦ Demo: Getting and Setting Values
        ◦ Demo: Remove Item
        ◦ Demo: Keys and Length
        ◦ Demo: Clear
        ◦ Demo: Session Storage
        ◦ Demo: Exceed Quota
        ◦ Demo: Storage Event
        ◦ Demo: Persistent Form Demonstration
        ◦ Demo: HTML Markup
        ◦ Demo: localDataService JavaScript Module
        ◦ Demo: viewModel JavaScript Module
        ◦ Demo: Stepping Through the Code
        ◦ Summary
    ● IndexedDB: Introduction and Concepts
        ◦ Introduction
        ◦ What is IndexedDB?
        ◦ Event Lifecycle
        ◦ Features
        ◦ Capacity
        ◦ Browser Support
        ◦ Fallbacks and Polyfills
        ◦ Caveats
        ◦ Summary
    ● IndexedDB: Initialization & CRUD
        ◦ Introduction
        ◦ Demo: Opening a Database
        ◦ Demo: Deleting a Database
        ◦ Demo: The db Model Object
        ◦ Demo: Create Object (Insert)
        ◦ Demo: Read Object
        ◦ Demo: Update Object
        ◦ Demo: Delete Object
        ◦ Summary
    ● IndexedDB: Cursors, Indexes and Ranges
        ◦ Introduction
        ◦ Demo: db Model for Cursor, Index and Range Demos
        ◦ Cursor Concepts
        ◦ Demo: Cursors - Selecting Sets of Data
        ◦ Demo: Indexes - Selecting Individual Objects
        ◦ Range Concepts
        ◦ Demo: Numeric Range
        ◦ Demo: String Range
        ◦ Demo: Controlling Cursor Direction
        ◦ Summary
    ● IndexedDB: Keys, Capacity, Performance and Versions
        ◦ Introduction
        ◦ Unique Identifier (Keys) Concepts
        ◦ Demo: Creating Object Store Keys
        ◦ Demo: Loading 500k Objects into a Database
        ◦ Detecting When a Cursor is 'Done'
        ◦ Demo: Working with Large Sets of Data
        ◦ Demo: Managing Database Versions
        ◦ Demo: Capacity Capabilities
        ◦ Summary
    ● IndexedDB: Abstractions & Implementing an Edit Screen
        ◦ Introduction
        ◦ Demo: Introduction to the Homes List Screen
        ◦ Demo: Homes List Markup
        ◦ Demo: Homes List db Model
        ◦ Demo: Abstracting IndexedDB - Error Handling
        ◦ Demo: Abstracting IndexedDB - Delete and Open Database
        ◦ Demo: Abstracting IndexedDB - Get All
        ◦ Demo: Abstracting IndexedDB - Insert, Update and Delete
        ◦ Demo: Homes List View Model
        ◦ Demo: Stepping Through the Code
        ◦ Summary
    ● File System: Introduction, Concepts & Initialization
        ◦ Introduction
        ◦ What is the HTML5 File System?
        ◦ Features
        


Course Fee:
USD 29

Course Type:

Self-Study

Course Status:

Active

Workload:

1 - 4 hours / week

This course is listed under Development & Implementations and Quality Assurance & Testing Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
REDHERRING
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top