by Laurence Svekis | Publisher: Packt Publishing | Release Date: September 2018 | ISBN: 9781789803174

Explore how to use JavaScript to draw on HTML5 element - Practice exercise for JavaScriptAbout This VideoApply JavaScript to draw on HTML5 CanvasSave Canvas content using JavaScriptIn DetailCourse 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. Perfect 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 the scope of this course is all JavaScript-focused. Start building your own version of the countdown timer today!

1. Chapter 1 : Introduction to using JavaScript and HTML5 Canvas
   • JavaScript Canvas Draw Introduction 00:01:43
   • Setup Developer Enviornment 00:02:30
   • Setup HTML Container 00:06:30
   • Connect to Canvas JavaScript 00:03:28
   • Canvas setup Draw values 00:02:39
   • Interactive Content Events 00:04:45
   • Ready set Draw 00:03:43
   • Draw on Canvas JavaScript 00:03:57
   • Save your Canvas Drawing 00:02:55
   • Create Click save to computer 00:04:05
   • HTML5 Canvas Drawing Overview 00:05:21