Canvas API Courses and Certifications

Traversy Media

HTML5 Canvas API Crash Course

1 rating

Learn the HTML5 Canvas 2D API to draw shapes and paths, animate graphics, and build a simple breakout-style game in JavaScript.

• YouTube
• 54 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

Derek Banas

JavaScript Tutorial: Canvas API and Trigonometry - Part 6

Learn to use JavaScript Canvas and trigonometry to build a real project for games and graphics programs.

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

HTML5 Canvas

4 ratings at Udacity

Learn how you can use HTML5 Canvas to create and modify images or even interactive animations.

• Udacity
• 5 hours
• Self-Paced
• Free Online Course

Packt

HTML5 Canvas Graphics and Animations

Draw lines, shapes, and curves on the HTML5 Canvas, style them with gradients and image filters, then animate with transformations, event handling, and particle systems.

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

EDUCBA

Apply HTML5 Game Development Concepts with Canvas

Build interactive browser games with the HTML5 Canvas API: draw and render graphics, handle input and scoring, detect collisions with bitmasking, and structure responsive semantic pages.

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

Learn HTML5 Graphics and Animation

Learn to draw, respond to input, manipulate pixels, and animate graphics directly in web pages with HTML5 Canvas and JavaScript.

• egghead.io
• 4 hours 13 minutes
• Self-Paced
• Paid Course

World Wide Web Consortium (W3C)

HTML5 Coding Essentials and Best Practices

12 ratings

Learn how to write Web pages and Web sites by mastering HTML5 coding techniques and best practices.

• edX
• 6 weeks, 6-8 hours a week
• Self-Paced
• Free Online Course (Audit)

How to Program Games: Tile Classics in JS for HTML5 Canvas

2026 ratings at Udemy

Learn to code tile-based worlds and related core gameplay for genres like arcade, overhead racing, and puzzle adventure.

• Udemy
• 14 hours 16 minutes
• Self-Paced
• Paid Course

Pragmatic AI Labs

WASM from Zero

Compile Rust to WebAssembly: draw with the HTML5 Canvas2D API, build Elm-style update/view apps over a virtual DOM, bundle with wasm-pack, and ship a real-time dashboard.

• Coursera
• 5 weeks, 1 hour a week
• Self-Paced
• Paid Course

Intro to Game Development with JavaScript - Full Tutorial

1 rating

Build a 2D brick-breaker game in JavaScript, covering canvas rendering, input, game loops, movement, collision detection, menus, pausing, and level completion.

• freeCodeCamp
• 1-2 hours
• Self-Paced
• Free Video

Build an Instagram Filters App with Vue, TypeScript and WebAssembly

Take your Vue skills to the next level and build a portfolio project! This course will teach you to build an Instagram filters app using best practices and help you overcome common mistakes made by Vue Developers.

• Zero To Mastery
• 2 hours
• Self-Paced
• Paid Course

Chris Courses

HTML5 Canvas and JavaScript Game Tutorial

Build a browser-based shooter with JavaScript and HTML5 Canvas, covering projectile math, collisions, particle effects, scoring, game-over UI, and restart controls.

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

Chris Courses

Create a Donkey Kong Country-Style Platformer in JavaScript

Learn to build a Donkey Kong-inspired platformer in JavaScript, covering map creation, scrolling, animations, collisions, enemies, scoring, and game mechanics for a complete 2D game development experience.

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

Android Makers

Android Graphics: The Path to UI Riches - Lecture

Découvrez des techniques avancées pour créer des effets visuels impressionnants et améliorer la qualité graphique de vos applications Android.

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