Home Page Icon
Home Page
Table of Contents for
Cover
Close
Cover
by Mite Mitreski, Gorgi Kosev
HTML5 Data and Services Cookbook
HTML5 Data and Services Cookbook
Table of Contents
HTML5 Data and Services Cookbook
Credits
About the Authors
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
Reader feedback
Customer support
Downloading the example code
Errata
Piracy
Questions
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...
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...
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...
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...
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...
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...
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 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...
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...
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...
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
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…
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...
Embedding multimedia
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
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Next
Next Chapter
Table of Contents
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset