HTML5 Canvas for Developers
A Hands-On Video Workshop
Publisher: O'Reilly Media
Final Release Date: July 2013
Run time: 4 hours 12 minutes

Learn how to use the HTML5 Canvas element and related HTML5 capabilities such as video and animation. This four-hour video shows you how to make the most of Canvas by demonstrating the use of compelling applications, including drawing programs and image filters.

Here are just some of the things students you’ll learn how to do:

  • Draw and erase graphics in a canvas
  • Draw and scale images
  • Filter and manipulate images
  • Create animations
  • Use Canvas with other HTML5 elements

Intended Audience:

If you’re an experienced JavaScript developer who wants take full advantage of Canvas, this video is for you. You should be well-versed in JavaScript as well as HTML and CSS. You should also be familiar with computer graphics.

Table of Contents
Product Details
About the Author
Recommended for You
Customer Reviews

REVIEW SNAPSHOT®

by PowerReviews
oreillyHTML5 Canvas for Developers
 
5.0

(based on 2 reviews)

Ratings Distribution

  • 5 Stars

     

    (2)

  • 4 Stars

     

    (0)

  • 3 Stars

     

    (0)

  • 2 Stars

     

    (0)

  • 1 Stars

     

    (0)

Reviewed by 2 customers

Sort by

Displaying reviews 1-2

Back to top

 
5.0

Spot On

By MonkeyIsNull

from Washington, DC

About Me Developer

Verified Reviewer

Pros

  • Accurate
  • Easy to understand
  • Helpful examples

Cons

    Best Uses

      Comments about oreilly HTML5 Canvas for Developers:

      Once I heard David Geary's voice I knew this was going to be a good one. A real make or break on videos is having someone who really enjoys what they're showing you, had fun doing it and is excited to show it to other people. That said, David is pretty low-key and easy going, which is good since it's going to take several hours to make it through the videos, and there will be points where you want to go back and watch sections again. The last thing you want is someone's voice who drives you bonkers.

      The topics covered will get you up to speed quicker and with more depth than pretty much anything else. I've never bothered working directly with the Canvas API, solely because I didn't want to slog through an entire book (and yes, I have some) but after having watched the videos and worked through the examples a reference book would be my next step - also, I wouldn't hesitate to code something up using Canvas, whereas before I'd likely look elsewhere.

      There did seem to be some confusion from the audience about the 2d Context right off the bat, and his beginning examples he gives a high level over view. If you're confused, wait it out. The details get cleared up pretty soon. I've done graphics programming in the past so I knew exactly what he was talking about, and anyone else whose done some won't be lost either, but if you haven't, don't worry. That said, I would recommend going to his site and looking at the code while watching the video - that's the one thing thing that's missing is he doesn't code the stuff up by scratch ( for that you'd need another 6+ hours, ouch).

      Overall, if you need to get something up and running in a hurry, actually spending the effort to go through the videos will save you time in the end.

      Full Disclosure: I received this product from the O'Reilly Bloggers program in return for a review, however, I would have happily spent my own money on it.

      (4 of 4 customers found this review helpful)

       
      5.0

      Really good video, full of contents

      By Fabio Alessandro Locati

      from Milan, Italy

      About Me Developer, Sys Admin

      Verified Reviewer

      Pros

      • Accurate
      • Concise
      • Easy to understand
      • Helpful examples

      Cons

        Best Uses

        • Expert
        • Intermediate
        • Student

        Comments about oreilly HTML5 Canvas for Developers:

        As the name suggests, this set of videos is for developers. HTML 4 and Javascript are often used without much explaination about the JS code it self but only about the HTML5 Canvas part.

        I felt to point this out immediately since I've not found it on the O'Reilly page, but I believe that is really important to specify. Another thing that I'd like to point out is that (as it is easy to imagine, but not obvious) these videos only speak about 2D graphics in HTML (therefore there will no WebGL topics).After these two notes (that will not influence in any way my judgement about the videos), let's start talking about the videos.

        David Geary starts very quickly without wasting any time and will not waste your time during the whole course of the presentation: the 4 hours and 12 minutes declared ion the O'Reilly page are all about HTML Canvas and well used.

        A cool fact about these videos is that the speaker explains the vast majority of methods exposed by 2D HTML Canvas. Another cool fact is that David Geary is able to show and suggest a lot of real life (or hypothetical real life) use of the HTML Canvas, starting from his own slides that are created in HTML5, and this fact makes the presentation way more easier to follow since he has not the need to switch between multiple windows as sometimes happens to some speaker.

        The price of 49.99$ is reasonable in my opinion for two reasons:

        You will learns as much as you can learn from a book reading (and maybe more)
        You will only have to use 4.25 hours for it… and this is way less than what you would use for reading a book. Considering 250 words/page (the industry standard) and that the average person reads 300words/minute (source Forbes) this means that in 4.25 hours you can read (in average) 76500 words or 306 pages if you never stop!
        As you can imagine, I would suggest this book. Specifically I would suggest it to anyone has an HTML and JS knowledge and wants to keep up with the HTML5 innovations.

        Disclaimer: I received a free copy of this video as part of the O'Reilly Blogger Program

        Displaying reviews 1-2

        Back to top

         
        Buy 2 Get 1 Free Free Shipping Guarantee
        Buying Options
        Immediate Access - Go Digital what's this?
        Video: $99.99
        (Streaming, Downloadable)