HTML Canvas Courses and Certifications

Chris Courses

Tower Defense Game Tutorial with JavaScript & HTML Canvas

Build a 2D tower defense game with JavaScript and HTML Canvas, from map paths and pathfinding to towers, waves, resources, and sprite-based visuals.

• YouTube
• 5 hours 16 minutes
• Self-Paced
• Free Video

Chris Courses

Space Invaders Game Tutorial with JavaScript and HTML Canvas

Build a Space Invaders game with vanilla JavaScript and HTML Canvas, implementing player movement, projectiles, enemy grids, scoring, and game-over logic.

• YouTube
• 2 hours 7 minutes
• Self-Paced
• Free Video

Code Your First Game: Arcade Classic in JavaScript on Canvas

28901 ratings at Udemy

Program a complete game today. No special software or install required. All you need is a text editor and a web browser.

• Udemy
• 2 hours 10 minutes
• Self-Paced
• Free Online Course

EDUCBA

Develop Interactive Web Apps with DHTML & RGraph

Combine HTML, CSS, JavaScript and DHTML into interactive pages: form and email validation, dynamic styling, calculators, and RGraph charts with animations and tooltips on HTML Canvas.

• Coursera
• 3 weeks, 3 hours a week
• Self-Paced
• Paid Course

Code with Ania Kubów

Let's Make 2048 Using JavaScript, HTML and CSS - No Canvas Required

Learn to build the popular 2048 game using JavaScript, HTML, and CSS. Master key JavaScript methods while creating a functional sliding tile puzzle without relying on Canvas.

• YouTube
• 43 minutes
• Self-Paced
• Free Video

Chris Courses

HTML5 Canvas Tutorials for Beginners - Become a Canvas Pro

Master HTML5 Canvas from basics to advanced game development with gravity, collision detection, animations, and creative projects like Mario, Space Invaders, and Pokémon games.

• YouTube
• 1 day 9 hours 16 minutes
• Self-Paced
• Free Video

Coding Train

Working with Data and APIs in JavaScript

Master JavaScript data handling through three hands-on projects covering fetch(), APIs, databases, and full-stack development with Node.js for web applications.

• YouTube
• 4 hours 36 minutes
• Self-Paced
• Free Video

Creative Coding with Canvas & WebGL

You'll learn about generative art, interactive animations, 3D graphics with ThreeJS, and custom shaders in GLSL. Apply creative coding skills to real-world jobs.

• Frontend Masters
• 4-5 hours
• Self-Paced
• Paid Course

Traversy Media

Multiplayer Snake Game - JavaScript & Socket.io

Build a multiplayer Snake game with JavaScript and Socket.io, synchronizing server-side game state and handling two-player gameplay.

• YouTube
• 1 hour 18 minutes
• Self-Paced
• Free Video

Chris Courses

Programming Pong in the Park - ASMR Canvas and JavaScript Tutorial

Build a Pong game with HTML Canvas and JavaScript, adding paddle controls, boundaries, randomized ball movement, and collision detection.

• YouTube
• 21 minutes
• Self-Paced
• Free Video

Chris Courses

Pacman Game Tutorial with JavaScript and HTML5 Canvas

Build a Pacman-style game with vanilla JavaScript and HTML5 Canvas, adding movement, collisions, scoring, ghosts, power-ups, and animation.

• YouTube
• 2 hours 35 minutes
• Self-Paced
• Free Video

Chart JS

Creating Gradient Background for Line Charts in Chart.js 4

Master gradient background creation for line charts using Chart.js 4's canvas API, enhancing data visualization with eye-catching color effects and professional styling techniques.

• YouTube
• 11 minutes
• Self-Paced
• Free Video

Chart JS

Canvas API JavaScript Tutorial for Beginners

Master Canvas API fundamentals through hands-on drawing of shapes, lines, text, and images while building skills essential for Chart.js customization and web graphics development.

• YouTube
• 5 hours 41 minutes
• Self-Paced
• Free Video

Chart JS

How to Create Plugins in Chart.js - Complete Series

Master advanced Chart.js plugin development through hands-on canvas manipulation, creating custom visual elements like borders, lines, and quadrants with step-by-step exercises.

• YouTube
• 3 hours 23 minutes
• Self-Paced
• Free Video

JSConf

The Doctor Will See You Now - Machine Learning for Telehealth

A browser-based telehealth demo uses person segmentation to create virtual backgrounds for video visits.

• YouTube
• 28 minutes
• Self-Paced
• Conference Talk