HTML5 Data and Services Cookbook电子书

HTML5 Data and Services Cookbook

Table of Contents

HTML5 Data and Services Cookbook

Credits

About the Authors

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers and more

Why Subscribe?

Free Access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. Display of Textual Data

Introduction

Rounding numbers for display

Getting ready

How to do it...

How it works…

There's more...

Padding numbers

Getting ready

How to do it...

How it works…

There's more...

Displaying metric and imperial measurements

Getting ready

How to do it...

How it works...

Displaying formatted dates in the user's time zone

Getting ready

How to do it...

How it works…

There's more...

Displaying the dynamic time that has elapsed

Getting ready

How to do it...

How it works…

There's more...

Displaying Math

Getting ready

How to do it...

How it works…

There's more...

Creating an endless scrolling list

Getting ready

How to do it...

How it works...

There's more...

Creating a sortable paginated table

Getting ready

How to do it...

How it works...

There's more...

Creating multiple-choice filters

Getting ready

How to do it...

How it works...

Creating range filters

Getting ready

How to do it...

How it works...

Creating combined complex filters

Getting ready

How to do it...

How it works...

There's more...

Displaying code in HTML

Getting ready

How to do it...

How it works…

There's more…

Rendering Markdown

How to do it...

How it works...

There's more...

Autoupdating fields

Getting ready

How to do it...

How it works…

There's more...

2. Display of Graphical Data

Introduction

Creating a line chart

Getting ready

How to do it...

How it works...

There's more...

Creating a bar chart

Getting ready

How to do it...

How it works...

Creating a pie chart

Getting ready

How to do it...

How it works...

There's more...

Creating an area chart

Getting ready

How to do it...

How it works...

There's more...

Displaying combined charts

Getting ready

How to do it...

How it works...

There's more...

Creating a bubble chart

How to do it...

How it works...

There's more...

Showing a map with a marked location

How to do it...

How it works...

Showing a map with a path

How to do it...

How it works...

Displaying gauges

How to do it...

How it works...

Displaying a tree

Getting ready

How to do it...

How it works…

There's more...

LED scoreboard using web fonts

Getting ready

How to do it...

How it works…

There's more...

3. Animated Data Display

Introduction

Making a motion chart

Getting ready

How to do it...

How it works...

There's more...

Displaying a force directed graph

Getting ready

How to do it...

How it works...

There's more...

Making a live range chart filter

Getting ready

How to do it...

How it works...

Making an image carousel

Getting ready

How to do it...

How it works...

Zooming and panning a chart

Getting ready

How to do it...

How it works...

Using the web notifications API

Getting ready

How to do it...

How it works...

Creating interactive Geo charts from a dataset

Getting ready

How to do it...

How it works...

There's more...

4. Using HTML5 Input Components

Introduction

Using the text input field

How to do it...

How it works...

There's more...

Using textarea

How to do it...

How it works...

Inputting dates

How to do it...

How it works...

Inputting time

How to do it...

How it works...

Telephone input

How to do it...

How it works...

There's more...

Range input field

How to do it...

How it works...

There 's more...

Color picker input

How to do it...

How it works...

Using single-choice dropdowns

How to do it...

How it works...

There's more...

Using multiple-choice select lists

How to do it...

How it works...

Getting geographical location input

How to do it...

How it works...

There's more...

Using file inputs at the client side

How to do it...

How it works...

There's more...

Using a drag-and-drop file area

How to do it...

How it works...

There's more...

5. Custom Input Components

Introduction

Using contentEditable for basic rich text input

How to do it...

How it works...

Advanced rich text input

Getting ready

How to do it...

How it works...

There's more…

Creating a drop-down menu

Getting ready

How to do it...

How it works...

Creating custom dialogs

Getting ready

How to do it...

How it works...

Creating autocomplete for input

Getting ready

How to do it...

How it works...

There's more...

Creating a custom single-selection list

Getting ready

How to do it...

How it works...

There's more...

Creating a multiple-selection list

Getting ready

How to do it...

How it works...

Geographic location input using maps

Getting ready

How to do it...

How it works...

6. Data Validation

Introduction

Validating text by length

How to do it...

How it works...

There's more...

Validating numbers by range

How to do it...

How it works...

Using the built-in pattern validation

How to do it...

How it works...

There's more...

Advanced use of built-in constraints and custom validations

How to do it...

How it works...

There's more...

Calculating password strength

Getting ready

How to do it...

How it works...

Validating US zip codes

Getting ready

How to do it...

How it works...

Using asynchronous server-side validation

Getting ready

How to do it...

How it works...

Combining client-side and server-side validation

Getting ready

How to do it...

How it works...

7. Data Serialization

Introduction

Deserializing JSON to JavaScript objects

How to do it...

How it works...

There's more...

Serializing objects to a JSON string

How to do it...

How it works...

There's more...

Decoding base64 encoded binary data

Getting ready

How to do it...

How it works...

Encoding binary data or text into base64

How to do it...

How it works...

There's more...

Serializing binary data into JSON

How to do it...

How it works...

There's more...

Serializing and deserializing cookies

Getting ready

How to do it...

How it works...

There's more...

Serializing a form into request strings

How to do it...

How it works...

There's more...

Reading XML documents with DOMParser

How to do it...

How it works...

Serialization of XML document at the client side

How to do it...

How it works...

There's more...

8. Communicating with Servers

Creating an HTTP GET request to fetch JSON

Getting ready

How to do it...

How it works...

There's more...

Creating a request with custom headers

Getting ready

How to do it...

How it works...

There's more...

Versioning your API

Getting ready

How to do it...

How it works...

There's more...

Fetching JSON data with JSONP

Getting ready

How to do it...

How it works...

There's more...

Reading XML data from server

Getting ready

How to do it...

How it works...

There's more...

Using the FormData interface

Getting ready

How to do it...

How it works...

Posting a binary file to the server

Getting ready

How to do it...

How it works...

There's more…

Creating an SSL connection with Node.js

Getting ready

How to do it...

How it works...

There's more...

Making real-time updates with Ajax Push

Getting ready

How to do it...

How it works...

There's more...

Exchanging real-time messages using WebSockets

Getting ready

How to do it...

How it works...

9. Client-side Templates

Introduction

Rendering objects using Handlebars

Getting ready

How to do it...

How it works...

Rendering objects using EJS

Getting ready

How to do it...

How it works...

There's more...

Rendering objects using Jade

Getting ready

How to do it...

How it works...

Rendering arrays using Handlebars

Getting ready

How to do it...

How it works...

Rendering arrays using EJS

Getting ready

How to do it...

How it works...

There's more...

Rendering arrays using Jade

Getting ready

How to do it...

How it works...

There's more...

Simplifying templates with helpers in Handlebars

Getting ready

How to do it...

How it works...

Reusing templates with partials in Handlebars

Getting ready

How to do it...

How it works...

There's more...

Reusing templates with partials in EJS

Getting ready

How to do it...

How it works...

There is more...

Using filters in Jade

Getting ready

How to do it...

How it works...

Using mixins in Jade

Getting ready

How to do it...

How it works...

Using layouts and blocks in Jade

Getting ready

How to do it...

How it works...

10. Data Binding Frameworks

Introduction

Creating a basic Angular view with data binding

Getting ready

How to do it...

How it works...

There's more...

Rendering lists and using Angular controllers

How to do it...

How it works...

There's more...

Routing, filters, and backend services in Angular

How to do it...

How it works...

There's more…

Using Angular's client-side validation

How to do it...

How it works...


Making a chart component with Angular directives

Getting ready

How to do it...

How it works...

There's more…

Structuring applications for Meteor.js

Getting ready

How to do it...

How it works...

There's more...

Reactive programming and data in Meteor.js

Getting ready

How to do it...

How it works...

There's more...

Live HTML and user-specific data in Meteor.js

Getting ready

How to do it...

How it works...

There's more...

Security mechanisms in Meteor.js

Getting ready

How to do it...

How it works...

There's more...

11. Data Storage

Introduction

Data URI

Getting ready

How to do it...

How it works...

There's more...

Session and local storage

Getting ready

How to do it...

How it works...

There's more...

Reading data from files

How to do it...

How it works...

There's more...

Using IndexedDB

How to do it...

How it works...

There's more...

Limits of the storage and how to ask for more

How to do it...

How it works...

There's more...

Manipulating the browser history

Getting ready

How to do it...

How it works...

12. Multimedia

Introduction

Playing audio files

Getting ready

How to do it...

How it works...

Playing video files

Getting ready

How to do it...

How it works...

There's more...

Customizing controls for media elements

Getting ready

How to do it...

How it works...

Adding text to your video

Getting ready

How to do it...

How it works...

There's more...

Embedding multimedia

Getting ready

How to do it...

How it works...

There's more...

Converting text to speech using HTML5 audio

Getting ready

How to do it...

How it works...

There's more..

A. Installing Node.js and Using npm

Introduction

Installing Node.js

Using npm

Installing a local package

Installing a global package

B. Community and Resources

WHATWG

World Wide Web Consortium

Other resources

Index