Book Image

Learn Javascript and HTML5 Canvas - Build a Paint App for Drawing [Video]

By : Aarthi Elumalai
Book Image

Learn Javascript and HTML5 Canvas - Build a Paint App for Drawing [Video]

By: Aarthi Elumalai

Overview of this book

<p><span id="description" class="sugar_field">In this course, you'll learn how to build your own drawing/paint app from the ground up with just HTML5 Canvas, JavaScript, and CSS in just a couple of hours. <br /> </span></p> <p><span id="description" class="sugar_field">You'll learn:<br /> </span></p> <ul> <li><span id="description" class="sugar_field">How to create the HTML5 structures of your app. </span></li> <li><span id="description" class="sugar_field">How to make the app pretty with CSS (design, design, design!) </span></li> <li><span id="description" class="sugar_field">How to make the app work (draw on the canvas) with logic and algorithms, that is, JavaScript </span></li> <li><span id="description" class="sugar_field">Basic concepts of JavaScript and HTML5 Canvas (concepts related to this project). </span></li> </ul> <p><span id="description" class="sugar_field">By the end of the course, you'll be one step closer to creating front-end web apps like a pro. You could even try creating other smaller web apps and games.<br /></span></p> <p><span id="description" class="sugar_field">All the codes and supporting files for this course are available at: <a href="https://github.com/PacktPublishing/Learn-Javascript-and-HTML5-Canvas---Build-a-Paint-App-for-Drawing" target="_new">https://github.com/PacktPublishing/Learn-Javascript-and-HTML5-Canvas---Build-a-Paint-App-for-Drawing</a></span></p> <h1><span class="sugar_field">Style and Approach</span></h1> <p><span class="sugar_field"><span id="trade_selling_points_c" class="sugar_field">This course is a seamless blend of text, videos, code examples,that will help you take learn efficiently as you progress through the course.</span></span></p>
Table of Contents (7 chapters)
Free Chapter
1
Introduction
2
Algorithm of the game app
Chapter 6
[OPTIONAL] HTML5 Canvas Basic Concepts (related to this project)
Content Locked
Section 3
Drawing & coloring a shape with poly lines (a path)
[OPTIONAL] HTML5 Canvas Basic Concepts (related to this project): Drawing & coloring a shape with poly lines (a path)