HTML5 canvas Bootcamp for beginners 25 easy steps

Course Curriculum

Chapter 1: Learn the basics of Canvas

Lecture 1: Quick Canvas Course Introduction

Lecture 2: what is canvas and what can it do

Lecture 3: Course resources and introduction

Lecture 4: How to make your first drawing on canvas

Lecture 5: Using Stroke and Fill methods in HTML5 canvas

Lecture 6: Clear Canvas more about colors and fills

Lecture 7: HTML5 canvas how to add shadows

Lecture 8: HTML5 moving and drawing lines on canvas

Lecture 9: Begin paths and close path to separate drawing

Lecture 10: Using Save and restore on canvas HTML5

Lecture 11: How to draw a circle in canvas HTML5

Lecture 12: Working with curves on canvas HTML5

Lecture 13: Source Code

Chapter 2: Canvas HTML5 doing more

Lecture 1: Adding text to your image on Canvas HTML5

Lecture 2: Loops and Dashes in Canvas HTML5

Lecture 3: Source code for dashes text and loops

Lecture 4: Working with images simple image insert

Lecture 5: Images from server source on canvas HTML5

Lecture 6: Inserting images and resizing them in canvas

Lecture 7: Crop images in HTML5 canvas

Lecture 8: Working with Color picking random colors

Lecture 9: Creating Gradients in HTML5 canvas

Lecture 10: Canvas transformations scaling rotating

Lecture 11: Source Code

Lecture 12: Create image from canvas element HTML5

Lecture 13: Source Code to render Image as src output

Lecture 14: Resources and references

Chapter 3: HTML5 Canvas Code Examples

Lecture 1: How to Download HTML5 Canvas Images Code Snippet

Lecture 2: How to Download Canvas Image using JavaScript Source Code Example

Lecture 3: How to create a Matrix falling characters effect with HTML5 Canvas

Lecture 4: Source Code for HTML5 Matrix Effects on Canvas

Lecture 5: How to create a bouncing ball using HTML5 Canvas and JavaScript

Lecture 6: Source Code Bouncing Ball with HTML5

Chapter 4: Bonus Section

Lecture 1: Canvas Image captcha coding example