Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
2 Hour(s) 47 Minute(s)
Language
English
Taught by
Laurence Svekis
Rating
2 views
Course Overview
Basic introduction to about how to use canvas element on your webpage JavaScript dynamic image generation
Do you want to learn about HTML5 canvas and get drawing on your web pages quickly?
This is a crash course on how to use HTML5 canvas, taught by an instructor with over 15 years web development experience
Topics covered include
- Introduction to what canvas is and how to use it
- Basics of lines and strokes
- moving paths and pixel locations
- using images within canvas
- adding text
- cool effects - shadows and more
- transformations
- working with dynamic content looping
- color formats along with how to apply gradients
- showing you how to render your canvas content to and image
Canvas consists of a draw-able region defined in HTML code with height and width attributes. JavaScript code may access the area through a full set of drawing functions, allowing for dynamically generated graphics.
Some common uses of canvas include building graphs, animations, games, and image composition.
This course includes everything you need to build a solid foundation to create amazing content using canvas on your web pages.
Let begin learning HTML5 canvas.
Course Content
- 4 section(s)
- 35 lecture(s)
- Section 1 Learn the basics of Canvas
- Section 2 Canvas HTML5 doing more
- Section 3 HTML5 Canvas Code Examples
- Section 4 Bonus Section
What You’ll Learn
- create amazing drawing on canvas
- create a dynamic image on a webpage
- use JavaScript to draw on canvas
Reviews
-
JJoshua Achermann
The course was easy to follow and comprehensive about using the canvas to draw. The only addition that would be nice is the use case of capturing user input using a canvas but every other use case was covered with some nice looking projects at the end of the course
-
JJoe Watkins
The course was a good match for me. I would have liked a little more explanation as to why the instructor did what he did. Especially when debugging.
-
DDavid Lozic
It's good for a quick start but sometimes the lecturer seemed unsure in his code or didn't explain it in-depth enough. It's a decent intro, but you'll have to rely more on reading the docs about things like performance and the context state management.
-
ББогдан
Половину времени лектор пишет код не относящийся к теме, допускает ошибки. Ощущение, что он первый раз открыл cheat sheet, на который он ссылается и ощущение, что он совсем не готовился к курсу.
