HTML5 Canvas Fundamentals

The HTML5 Canvas provides a powerful way to render graphics, charts, and other types of visual data without relying on plugins such as Flash or Silverlight. In this course you will be introduced to key features available in the canvas API and see how they can be used to render shapes, text, video, images, and more. You will also learn how to work with gradients, perform animations, transform shapes, and build a custom charting application from scratch. If you’re looking to learn more about using the HTML5 Canvas in your Web applications then this course will break down the learning curve and give you a great start!

Table of content

Getting Started with the HTML5 Canvas

• Introduction
• HTML5 Canvas Usage Scenarios
• Demo: Game Demos
• Demo: Engaging Applications
• Demo: Charting
• HTML5 Canvas Fundamentals
• Hello World Demo
• Overview of the Canvas API
• Demo: Canvas API Documentation
• Summary

Drawing with the HTML5 Canvas

• Introduction
• Drawing Rectangles and Ellipses
• Demo: Simple Bar Chart
• Demo: Simple Bar Chart with Transforms
• Demo: Drawing Circles
• Demo: Using arcTo()
• Drawing Lines and Paths
• Demo: Drawing Lines
• Demo: Simple Line Chart
• Demo: Using bezierCurveTo()
• Demo: Using quadraticCurveTo()
• Drawing Text
• Demo: Filling, Stroking, and MeasuringText
• Demo: Using Canvas Transforms with Text
• Drawing Images
• Demo: Using Image Functions
• Drawing Video
• Demo: Syncing Video with a Canvas
• Summary

Manipulating Pixels

• Introduction
• Rendering Gradients
• Demo: Creating Linear Gradients
• Demo: Creating Radial Gradients
• Using Transforms
• Demo: Getting Started with Transform Functions
• Demo: Using transform() and setTransform()
• Accessing Pixels
• Demo: Creating Pixels Dynamically
• Demo: Grayscale Pixels
• Animation Fundamentals
• Demo: Getting Started with Animation
• Demo: Using Gradients, Transforms, and Animations
• Summary

Building a Custom Data Chart

• Introduction
• Creating the CanvasChart Object
• Creating the CanvasChart Shell Code
• Rendering Text and Gradients
• Rendering Data Points Text and Guide Lines
• Connecting Data Point Lines
• Rendering Data Points
• Adding Animation
• Adding Overlays and Interactivity
• Summary

Rapidgator.net

1. http://bit.ly/1dEeKYp 

Uploaded.net

1. http://ul.to/efubkknq

Cloudzer.net

1. http://clz.to/file/2mjptasa

Depfile.com

1. http://bit.ly/1mHqxup