Book Image

HTML5 Data and Services Cookbook

Book Image

HTML5 Data and Services Cookbook

Overview of this book

HTML5 is everywhere. From PCs to tablets to smartphones and even TVs, the web is the most ubiquitous application platform and information medium bar. Its becoming a first class citizen in established operating systems such as Microsoft Windows 8 as well as the primary platform of new operating systems such as Google Chrome OS. "HTML5 Data and Services Cookbook" contains over 100 recipes explaining how to utilize modern features and techniques when building websites or web applications. This book will help you to explore the full power of HTML5 - from number rounding to advanced graphics to real-time data binding. "HTML5 Data and Services Cookbook" starts with the display of text and related data. Then you will be guided through graphs and animated visualizations followed by input and input controls. Data serialization, validation and communication with the server as well as modern frameworks with advanced features like automatic data binding and server communication will also be covered in detail.This book covers a fast track into new libraries and features that are part of HTML5!

Related Content you might be interested in

Current Title:

Small book image
HTML5 Data and Services Cookbook
Sep, 2013 | 480 pages
No titles found
Table of Contents (21 chapters)
HTML5 Data and Services Cookbook
HTML5 Data and Services Cookbook
Credits
Credits
About the Authors
About the Authors
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Display of Textual Data
Display of Textual Data
Introduction
Rounding numbers for display
Padding numbers
Displaying metric and imperial measurements
Displaying formatted dates in the user's time zone
Displaying the dynamic time that has elapsed
Displaying Math
Creating an endless scrolling list
Creating a sortable paginated table
Creating multiple-choice filters
Creating range filters
Creating combined complex filters
Displaying code in HTML
Rendering Markdown
Autoupdating fields
2
Display of Graphical Data
Display of Graphical Data
Introduction
Creating a line chart
Creating a bar chart
Creating a pie chart
Creating an area chart
Displaying combined charts
Creating a bubble chart
Showing a map with a marked location
Showing a map with a path
Displaying gauges
Displaying a tree
LED scoreboard using web fonts
3
Animated Data Display
Animated Data Display
Introduction
Making a motion chart
Displaying a force directed graph
Making a live range chart filter
Making an image carousel
Zooming and panning a chart
Using the web notifications API
Creating interactive Geo charts from a dataset
4
Using HTML5 Input Components
Using HTML5 Input Components
Introduction
Using the text input field
Using textarea
Inputting dates
Inputting time
Telephone input
Range input field
Color picker input
Using single-choice dropdowns
Using multiple-choice select lists
Getting geographical location input
Using file inputs at the client side
Using a drag-and-drop file area
5
Custom Input Components
Custom Input Components
Introduction
Using contentEditable for basic rich text input
Advanced rich text input
Creating a drop-down menu
Creating custom dialogs
Creating autocomplete for input
Creating a custom single-selection list
Creating a multiple-selection list
Geographic location input using maps
6
Data Validation
Data Validation
Introduction
Validating text by length
Validating numbers by range
Using the built-in pattern validation
Advanced use of built-in constraints and custom validations
Calculating password strength
Validating US zip codes
Using asynchronous server-side validation
Combining client-side and server-side validation
7
Data Serialization
Data Serialization
Introduction
Deserializing JSON to JavaScript objects
Serializing objects to a JSON string
Decoding base64 encoded binary data
Encoding binary data or text into base64
Serializing binary data into JSON
Serializing and deserializing cookies
Serializing a form into request strings
Reading XML documents with DOMParser
Serialization of XML document at the client side
8
Communicating with Servers
Communicating with Servers
Creating an HTTP GET request to fetch JSON
Creating a request with custom headers
Versioning your API
Fetching JSON data with JSONP
Reading XML data from server
Using the FormData interface
Posting a binary file to the server
Creating an SSL connection with Node.js
Making real-time updates with Ajax Push
Exchanging real-time messages using WebSockets
9
Client-side Templates
Client-side Templates
Introduction
Rendering objects using Handlebars
Rendering objects using EJS
Rendering objects using Jade
Rendering arrays using Handlebars
Rendering arrays using EJS
Rendering arrays using Jade
Simplifying templates with helpers in Handlebars
Reusing templates with partials in Handlebars
Reusing templates with partials in EJS
Using filters in Jade
Using mixins in Jade
Using layouts and blocks in Jade
10
Data Binding Frameworks
Data Binding Frameworks
Introduction
Creating a basic Angular view with data binding
Rendering lists and using Angular controllers
Routing, filters, and backend services in Angular
Using Angular's client-side validation
Making a chart component with Angular directives
Structuring applications for Meteor.js
Reactive programming and data in Meteor.js
Live HTML and user-specific data in Meteor.js
Security mechanisms in Meteor.js
11
Data Storage
Data Storage
Introduction
Data URI
Session and local storage
Reading data from files
Using IndexedDB
Limits of the storage and how to ask for more
Manipulating the browser history
12
Multimedia
Multimedia
Introduction
Playing audio files
Playing video files
Customizing controls for media elements
Adding text to your video
Embedding multimedia
Converting text to speech using HTML5 audio
Installing Node.js and Using npm
Installing Node.js and Using npm
Introduction
Installing Node.js
Using npm
Community and Resources
Community and Resources
WHATWG
World Wide Web Consortium
Other resources
Index
Index

www.PacktPub.com

Support files, eBooks, discount offers and more

You might want to visit www.PacktPub.com for support files and downloads related to your book.

Did you know that Packt offers eBook versions of every book published, with PDF and ePub files available? You can upgrade to the eBook version at www.PacktPub.com and as a print book customer, you are entitled to a discount on the eBook copy. Get in touch with us at for more details.

At www.PacktPub.com, you can also read a collection of free technical articles, sign up for a range of free newsletters and receive exclusive discounts and offers on Packt books and eBooks.

http://PacktLib.PacktPub.com

Do you need instant solutions to your IT questions? PacktLib is Packt's online digital book library. Here, you can access, read and search across Packt's entire library of books.

Why Subscribe?

  • Fully searchable across every book published by Packt

  • Copy and paste, print and bookmark content

  • On demand and accessible via web browser

Free Access for Packt account holders

If you have an account with Packt at www.PacktPub.com, you can use this to access PacktLib today and view nine entirely free books. Simply use your login credentials for immediate access.

Previous Section
Next Chapter