Video: Welcome

Hi! I'm Joe Marini, and I'd like to welcome you to HTML5: Graphics and Animation with Canvas. In this course, we're going to learn about the new canvas element, which brings sophisticated graphics capabilities to HTML5-based web pages. First, we'll take a look at some real-world web sites that are using the canvas element today. I'll show you how to incorporate a canvas element into your page and draw basic graphic elements. Then we'll move on to more advanced drawing features like gradients, patterns, and transformations. I'll walk you through creating a canvas-based animation from start to finish.

One of the most exciting additions that HTML5 offers to designers is the ability to draw free-form graphics on a drawing surface known as the Canvas. In this course, author Joe Marini introduces the technical concepts behind Canvas and shows how to perform drawing operations directly in a web page. The course covers drawing basic and complex shapes, setting colors and styles, adding shadows, patterns, and gradients, more advanced techniques such as scaling, rotating, and compositing objects, and how to incorporate Canvas elements in a slideshow and an animation.

Welcome

Hi! I'm Joe Marini, and I'd like to welcome you to HTML5: Graphics and Animation with Canvas.In this course, we're going to learn about the new canvas element, which bringssophisticated graphics capabilities to HTML5-based web pages.First, we'll take a look at some real-world web sites that are using thecanvas element today.I'll show you how to incorporate a canvas element into your page and drawbasic graphic elements.Then we'll move on to more advanced drawing features like gradients, patterns,and transformations.I'll walk you through creating a canvas-based animation from start to finish.

And finally, we'll see how incorporate a canvas-based solution into a real website using free tools available on the web today, such as jQuery and modernizr.With the HTML5 canvas element, Web developers finally have many of the sameadvanced graphics capabilities at their fingertips that native applicationdevelopers have had for years.So if all that is enough to get you excited, then let's get started with HTML5:Graphics and Animation with Canvas.

There are currently no FAQs about HTML5: Graphics and Animation with Canvas.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.

Already a member ?

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships.
Learn more

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Thanks for signing up.

We’ll send you a confirmation email shortly.

Sign up and receive emails about lynda.com and our online training library:

new course releases

newsletter

general communications

special notices

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

new course releases

newsletter

general communications

special notices

Here’s our privacy policy with more details about how we handle your information.