JavaScript Draw on HTML5 Canvas Element
4.5 (19 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,429 students enrolled

JavaScript Draw on HTML5 Canvas Element

Explore how to use JavaScript to draw on HTML5 element - Practice exercise for JavaScript
Highest Rated
4.5 (19 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,429 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto-generated]
Current price: $64.99 Original price: $99.99 Discount: 35% off
11 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 42 mins on-demand video
  • 4 articles
  • 4 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Apply JavaScript to draw on HTML5 Canvas
  • Save Canvas content using JavaScript
Requirements
  • Basic JavaScript knowledge
  • HTML and CSS experience
  • Desire to learn JavaScript
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!!!!


Who this course is for:
  • Anyone who wants to learn an practice JavaScript
  • Web developers
  • Beginners to JavaScript
  • Anyone who wants to learn more about using JavaScript
Course content
Expand all 15 lectures 43:39
+ Introduction to using JavaScript and HTML5 Canvas
14 lectures 42:24
Connect to Canvas JavaScript
03:28
Source Code Index.html and CSS
00:10
Canvas setup Draw values
02:39
Interactive Content Events
04:44
Ready set Draw
03:43
Draw on Canvas JavaScript
03:56
JavaScript Source Code
00:19
Save your Canvas Drawing
02:54
Create Click save to computer
04:05
HTML5 Canvas Drawing Overview
05:21
Project Source Code Completed
00:23