Skip to content
Write a review
UdemyJavaScriptPaid courseBeginner levelCertificate

JavaScript Draw on HTML5 Canvas Element (Udemy.com)

Explore how to use JavaScript to draw on HTML5 element - Practice exercise for JavaScript

4.0
104 reviews

Created by: Laurence Svekis

Last updated November 2024

icon
What you will learn

  • Apply JavaScript to draw on HTML5 Canvas
  • Save Canvas content using JavaScript

How it compares

Against the other 239 rated Udemy courses in JavaScript on CourseDuck:

  • Rating4.0 out of 5higher than 5% of them
  • Reviews104#209 of 240 by number of reviews
  • Length1.2 hoursshorter than 96% of them
  • Last updatedNovember 2024more recently than 63% of them

icon
Course Description

JavaScript Practice Exercise - Learn to use JavaScript and create an interactive mouse drawing application from scratch.  Use JavaScript to draw on HTML5 Canvas element.

Course helps you learn more about JavaScript by doing,  See how you can apply JavaScript to connect to your HTML5 canvas element, listen for event like mouse down on the canvas element and more.  Draw lines, change their colors, change the width of the line being draw, save your work within this mini web application.  The scope of this course is to help you learn JavaScript, focused on applying code logic and building functioning code from scratch to make something with code from start to finish.

Prefect course for beginners to learn JavaScript!!! Step by step learning with all steps included.  Fun and exciting way to learn and practice JavaScript. by applying what is presented in the lessons and building your own version of the applications.  Make it even better, style it and try out JavaScript.

Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the countdown timer.  Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused.  

  • Setup your HTML and CSS
  • Connect to canvas element and draw
  • setup you defaults for drawing
  • add event listeners for user interaction
  • build the drawing functions
  • save you work to an image element
  • save you work triggering a download link on save creating a dynamic JavaScript element

All this is included and a whole lot more.  

Along with friendly support in the Q&A to help you learn and answer any questions you may have.

Try it now you have nothing to lose, comes with a 30 day money back guarantee.  

Start building your own version of the countdown timer today!!!!
Read More Beginner Beginner Level product length iconTime: 1.2h

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Get the Udemy discount

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Laurence Svekis

Hi, I’m Laurence Svekis, and I’m here to help you learn smarter, build real skills, and confidently use AI and modern tools to create amazing things.

I’m a Google Developer Expert (GDE), international speaker, author, and educator specializing in AI-powered learning, Google Workspace automation, and practical development with Google Apps Script and JavaScript. I’ve been teaching online since 2002 and have helped over two million students worldwide develop real-world skills through hands-on courses, books, and workshops.

My passion is learning with AI—using AI not as a shortcut, but as a powerful learning partner. I focus on helping learners understand how things work, how to apply AI responsibly, and how to build tools that solve real problems. Many of my courses explore how AI can act as a tutor, assistant, or productivity booster inside everyday tools like Google Docs, Sheets, and Workspace.

I’m especially known for:

Google Apps Script & Google Workspace automation

Building AI-powered assistants and learning tools

JavaScript for real-world applications

Using AI to improve learning, productivity, and workflows

Read More

icon
More courses by Laurence Svekis

$84.99

$64.99

Free

$14.99

Free

$11.99

All courses by Laurence Svekis

icon
More JavaScript courses

Free

Free

Free

$24.99

Free

$79.99

All JavaScript courses

icon
Reviews

4.0

104 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

Write a review

By Anandhu Krishna A on 5/17/2022

Easy to learn and understand

By Warren Vail on 9/18/2020

This is a followup to one other, it is interesting for me to see the different coding styles and preferences, which will teach me a bit more about JavaScript.

By Brent Eckert on 12/16/2019

Very solid quick and easy course to get introduced to drawing and implementing javascript with HTML5 canvas. I enjoyed the swiftness and ease in implementing what the instructor was doing. One nitpick I have, though, is that I wish there was a little more insight into how the project or functionality can be expanded. Things like creating another color input to set the canvas background color (or how to get the image to save with a non-transparent background) and things of that nature. Over good course but a few extra bonus lectures on how to expand would make it even more awesome.

By David Hernandez on 1/2/2019

Fun fast course!

By Tony Prodger on 11/20/2018

I was entering code as we went through the lecture then I realised there was plenty of time at the end of the lecture to add the code so i didn't miss any of the lecture. Very Good.

By Florentina Constantin on 8/13/2018

Great course! Good explanations, too.

By Anonymized User on 7/25/2018

Fantastic ,Really Enjoying The Learning .

By Deepak Ahire on 6/12/2018

Very good course for a beginner. Point to point explanation. Must take this course.

By Anonymized User on 12/16/2022

By Anonymized User on 8/13/2022

Showing all 10 reviews on CourseDuck

Read all 104 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 80 / 100

JavaScript Draw on HTML5 Canvas Element
Visit course on Udemy Write a review
  • Video Duration: icon 1.2h
  • Price: $49.99
  • Provider: icon Udemy
  • Updated: icon November 2024
  • Level: Beginner Beginner
  • Language: icon English
  • Certificate: icon Yes
30-day money-back guarantee on most paid courses

Udemy Coupon Price Tracker

Udemy price history

For any issues or feature requests please email CourseDuck's Co-Founder at mkuhlman12@gmail.com