HTML5 Offline Applications with Angular, IndexedDB and Bootstrap

MP4 | AVC 654kbps | English | 1024x768 | 30fps | 3h 49mins | AAC stereo 192kbps | 1.22 GB

Genre: Video Training

Learn how to implement an AngularJS application that includes services that fall back to saving data on the client when the server is not available and seamlessly resumes interacting with the server once a connection is available. Discover how to use the browser's local database (IndexedDB) to store data on the client, how to implement a cross-browser method to detect online and offline states, and how to leverage the Application Cache API to make files available when working offline.

Course Introduction

Introduction

Course Overview

Architectural Overview

Client-Side Architecture

Exclusions

Summary

Working Offline

Introduction

Awareness

Demo: Native API

Demo: Offline.js

Offline.js Simulate UI

Demo: Offline.js Simulate UI

Availability

Application Cache Browser Support

Manifest File Concepts

Demo: Application Cache

Demo: Manifest File

Demo: Fallback Pages

Demo: Working With Offline Pages and Automatic Reload

Summary

Building a New Application

Introduction

Create a New App in Visual Studio and Install Scripts With NuGet

Installing Bower

Install Client-Side Dependencies

Install Math UUI Library

Use the File Nesting Visual Studio Plug-In

Set Basic Structure for the Application

Define Initial Implementation for app.js File

Add Application CSS Rules

Add a Layout Page

Add Views to the Application

Summary

Implementing the List Page

Introduction

Tasks

Markup: Basic Structure

Markup: Homes List

Controller: Introduction

Controller: Implementation

Strategy Pattern

Persistence Service: Foundation

Persistence Service: Utility Method

Summary

Implementing Persistence Strategies

Introduction

Review Strategy Interface

Brief Introduction to IndexedDB

Implementing the Remote Service

Overview the Local Service

Implementing Support for Null Values

IndexedDB Event Cycle

Implementing the dbModel

Implementing getByID

Implementing exists

Implementing save

Implementing getAll

Implementing delete

Summary

Using IndexedDB

Introduction

Setting the Structure of the Service

Set Error Handlers

Open the Database

Wrapping Up Common Code

Wrapping Up Common Code (Continued)

Implementing getCount

Implementing getAll

Implementing insert

Implementing delete

Implementing update

Implementing getById

Implementing clear

Dealing With the Server

Demonstrating Current Code in a Debug Session

Summary

Implementing the Edit Page

Introduction

Demo the Completed Screen

Implement the Page Markup

Implement Controller Basics

Implement the Load and Cancel Logic

Implement the Save Method

Implement Connectivity Detection

Update the Route Definitions

Step Through the Code

Summary

Synchronizing Offline Data

Introduction

Demo the Finished Product

Problem of Concurrency

Implementing the Synchronization Service

Service: Check Method

Service: Monitor Up/Down Methods

Service: Sync Method

Implementing the Controller

Controller: Sync Method

Controller: Check Method

Updating the Layout Markup

Step Through the Code

Summary

Implementing the Manifest File

Introduction

Review Offline Concepts

Demo Manifest File

Review Manifest MVC Controller

Manifest: Setup

Manifest: Cache Section

Manifest: Network Section

Update Layout Markup

Tip: Development Shortcut

Review the Result

Summary

Where to Go Next

Introduction

Directives

Additional Features

Summary