HTML5 Data and Services Cookbook
Gorgi Kosev, Mite Mitreski
Language: English
Pages: 480
ISBN: 1783559284
Format: PDF / Kindle (mobi) / ePub
Over one hundred website building recipes utilizing all the modern HTML5 features and techniques!
Overview
• 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 from this book
• Making charts using flot or HTML5 canvas.
• Creating awesome visualizations with D3.js
• Common helpers when working with input
• Making animated and interactive visualizations
• Using the HTML5 input helpers
• Creating custom input components
• Client-side templating to simplify HTML generation
• Manipulating and storing data on the client side
Approach
A practical approach with hands on recipes to learn more about HTML5 Data and Services, its features and techniques when building websites or web applications.
Who this book is written 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.
Learn to Code HTML and CSS: Develop and Style Websites (Voices That Matter)
positions and dimensions of our bubbles. All we need to do now is to turn them into the appropriate SVG elements. The tool we use to do this is D3's selectAll function. Unlike jQuery selectors, D3's selectAll can be used to maintain a two-way mapping between the document and a data object. We specify the data array mapped to our selection by using the selection's .data function. After we declare this mapping, we can decide what happens when an element is added to our data array using the .enter
besiers), arc(A), closepath(Z), vertical lineto (V), and so on. It's good to know what is generated by D3 for us in order to understand more completely how it works. Let's say we want to display a simple line: The SVG code would be as follows: Examining the path data values, we can see that it means move pen(M) to (10,30) and draw line(L) to (200,10). 86
Validation, introduces the HTML5 way of handling form validation. The chapter will cover validation of text and numbers, built-in validations for e-mail and numbers. Furthermore, it also covers server-side validation with Node.js, and shows how to combine client and server-side validation. Chapter 7, Data Serialization, provides an in-depth look into the creation of JSON, base64, and XML from client-side JavaScript, as well as the reverse process of making the JavaScript objects from the formats.
save other readers from frustration, and help us improve subsequent versions of this book. If you find any errata, please report them by visiting http://www.packtpub.com/submit-errata, selecting your book, clicking on the errata submission form link, and entering the details of your errata. Once your errata are verified, your submission will be accepted and the errata will be uploaded on our website, or added to any list of existing errata, under the Errata section of that title. Any existing
using multiple units at the same time. When converting from input, the first argument is the measurement type (for example, distance), the second is an array of value-unit pairs (for example, [[5, 'km'], [300,'m']]), a single pair (for example [5,'km']), or simply the value (for example 5). 4. If the second parameter is a simple value, we're going to accept a third one containing the unit (for example 'km'). The output is always a simple SI value. When converting a value to the desired output