HTML5 canvas Bootcamp for beginners 25 easy steps
Learn how to draw on web pages using HTML5 canvas and JavaScript with this friendly crash course!
Brief Summary
This course is all about making cool stuff happen using the HTML5 canvas element with JavaScript. You’ll learn to draw, add text, and create awesome effects—all while having fun!
Key Points
- Introduction to HTML5 canvas.
- Learn to draw lines and shapes.
- Use JavaScript for dynamic graphics.
Learning Outcomes
- Understand the basics of HTML5 canvas.
- Master JavaScript drawing functions.
- Create dynamic images and animations on your website.
About This Course
Basic introduction to about how to use canvas element on your webpage JavaScript dynamic image generation
Do you want to learn about HTML5 canvas and get drawing on your web pages quickly?
This is a crash course on how to use HTML5 canvas, taught by an instructor with over 15 years web development experience
Topics covered include
Introduction to what canvas is and how to use it
Basics of lines and strokes
moving paths and pixel locations
using images within canvas
adding text
cool effects - shadows and more
transformations
working with dynamic content looping
color formats along with how to apply gradients
showing you how to render your canvas content to and image
Canvas consists of a draw-able region defined in HTML code with height and width attributes. JavaScript code may access the area through a full set of drawing functions, allowing for dynamically generated graphics.
Some common uses of canvas include building graphs, animations, games, and image composition.
This course includes everything you need to build a solid foundation to create amazing content using canvas on your web pages.
Let begin learning HTML5 canvas.
create amazing drawing on canvas
create a dynamic image on a webpage
use JavaScript to draw on canvas
Course Curriculum
13 Lectures
14 Lectures
6 Lectures
Instructor

More Courses By
Joe W.
The course was a good match for me. I would have liked a little more explanation as to why the instructor did what he did. Especially when debugging.
- Helpful
- Not helpful
David L.
It's good for a quick start but sometimes the lecturer seemed unsure in his code or didn't explain it in-depth enough. It's a decent intro, but you'll have to rely more on reading the docs about things like performance and the context state management.
- Helpful
- Not helpful
Богдан
Половину времени лектор пишет код не относящийся к теме, допускает ошибки. Ощущение, что он первый раз открыл cheat sheet, на который он ссылается и ощущение, что он совсем не готовился к курсу.
- Helpful
- Not helpful
Martin J.
Preparation lacking in some sections. Off putting when the instructor clicks and the expected doesn't happen.
More real world examples would be useful. Seeing how the elements are used by developers would be beneficial.
Easily digestible, expanded my knowledge of canvas and I completed the course, always a good thing.
- Helpful
- Not helpful
Pavel M.
Bootcamp for beginners. Briefly and clearly.
- Helpful
- Not helpful
Suarez R. F. G.
cuesta un poco entender como tal la meteria.
- Helpful
- Not helpful
Tan Y. X.
He teaches at a steady pace and has good explanation
- Helpful
- Not helpful
Paulis S.
wey good, explanation :) keep up good work;
- Helpful
- Not helpful
Abdelkader C.
goooooooood course
i love it
- Helpful
- Not helpful
Your email address will not be published. Required fields are marked *
Joshua A.
The course was easy to follow and comprehensive about using the canvas to draw. The only addition that would be nice is the use case of capturing user input using a canvas but every other use case was covered with some nice looking projects at the end of the course