Book description
Take the fast track to the rapidly growing world of HTML5 data and services with this brilliantly practical cookbook. Whether building websites or web applications, this is the handbook you need to master HTML5.
Key Features
- Learn to effectively display lists and tables, draw charts, animate elements and use modern techniques such as templates and data-binding frameworks through simple and short examples.
- Examples utilizing modern HTML5 features such as rich text editing, file manipulation, graphics drawing capabilities, real time communication.
- Explore the full power of HTML5 - from number rounding to advanced graphics to real-time data binding - we have it covered.
In Detail
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!
What you will learn
- Making charts using flot or HTML5 canvas.
- Creating awesome visualizations with D3.js
- Common helpers when working with input
- Making animated and iteractive visualzations
- Using the HTML5 input helpers
- Creating custom input components
- Client-side templating to simplify HTML generation
- Manipulating and storing data on the client side
Who this book is for
This book is for programmers and developers who work with a lot of backend code and want to get fast tracked into the world of HTML5 and Javascript. It is also for JavaScript developers who would like to update their knowledge with new techniques and capabilities made possible with HTML5.Some experience in HTML and jQuery is assumed.
Table of contents
-
HTML5 Data and Services Cookbook
- Table of Contents
- HTML5 Data and Services Cookbook
- Credits
- About the Authors
- About the Reviewers
- www.PacktPub.com
- Preface
-
1. 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
- 3. Animated Data Display
-
4. 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
-
6. 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
- 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
- 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
- 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
- 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
- 12. Multimedia
- A. Installing Node.js and Using npm
- B. Community and Resources
- Index
Product information
- Title: HTML5 Data and Services Cookbook
- Author(s):
- Release date: September 2013
- Publisher(s): Packt Publishing
- ISBN: 9781783559282
You might also like
book
HTML5 Web Application Development By Example Beginner's guide
Learn how to write rich, interactive web applications using HTML5 and CSS3 through real-world examples. In …
book
Progressive Web Apps with Angular: Create Responsive, Fast and Reliable PWAs Using Angular
Harness the power of Angular to build fast, high performance progressive web apps that work offline. …
book
HTML5: 20 Lessons to Successful Web Development
Master HTML and HTML5 in 20 lessons--online video tutorials included! Based on the author's successful online …
book
HTML5 and JavaScript Projects: Build on your Basic Knowledge of HTML5 and JavaScript to Create Substantial HTML5 Applications
Build on your basic knowledge of HTML5 and JavaScript to create substantial HTML5 applications. Through the …