About This Course

Who this course is for:

  • Web developers
  • Backend developers
  • Frontend developers

What you’ll learn: 

  • Add canvas in HTML
  • Connect Canvas to JavaScript
  • Draw on the canvas
  • Height Width of Canvas
  • Grid positioning
  • Canvas Strokes
  • Drawing Paths for custom shapes
  • Drawing Arcs and circles
  • Color options for drawing
  • Working with images
  • DOM Document Object Model


  • No prior knowledge is required to take this course

Learn to draw on your web pages using the HTML5 canvas element. Using JavaScript allows you to create amazing creations right on your web pages.

The course instructor has over 15 years of industry experience as a web developer. Having worked on hundreds of projects. Learn real-world skills to enhance what you can do with your web pages.

This course is perfect for beginners who want to learn more about using some of the really awesome features available in HTML5. We teach you how to work with canvas and draw on it.

Step by step coding instruction, everything is included in this course to get you going quickly.

Source files, top resource links and more are included to get you started quickly.

Our Promise to You

By the end of this course, you will be able to learn how to draw on your web pages using HTML5 canvas.

30 Day Money Back Guarantee. If you are unsatisfied for any reason, simply contact us and we’ll give you a full refund. No questions asked.

Get started today and develop your drawing skills in HTML5 canvas!

Course Curriculum

Section 1 - HTML5 Canvas
Learn HTML5 Course Intro 00:00:00
Introduction To Course And Resources 00:00:00
Setup Source Code Review HTML CSS JavaScript 00:00:00
HTML5 Canvas Element Intro 00:00:00
JavaScript DOM Document Object Model Explained 00:00:00
Canvas HTML5 Options Setup And Connnection Info 00:00:00
Canvas Draw Using JavaScript 00:00:00
Canvas Height And Widths Explained 00:00:00
CANVAS Strokes 00:00:00
HTML5 Canvas Drawing Paths 00:00:00
Canvas Circles And Arcs 00:00:00
HTML5 Canvas Text 00:00:00
Working With Colors Options Alpha 00:00:00
Source Code For Text And Path Drawing 00:00:00
Syntax For Drawimage 00:00:00
Working With Canvas Images 00:00:00
Load Images From DOM 00:00:00
Template Design © VibeThemes. All rights reserved.

Setup Menus in Admin Panel