Canvas API Courses and Certifications

Derek Banas

JavaScript Tutorial: Canvas API and Trigonometry - Part 6

Learn Canvas API and trigonometry for game development and graphics programming through a hands-on project. Master essential concepts to create interactive visuals and animations using JavaScript.

• YouTube
• 37 minutes
• On-Demand
• Free Video

JSConf

The Weird — Yet Practical — World of Paint Worklets

Explore the intersection of art and CSS with paint worklets. Learn how to create programmatic graphics for practical web design applications, blending creativity with functionality.

• YouTube
• 33 minutes
• On-Demand
• Conference Talk

JSConf

Using a Modern Web to Recreate 1980s Horribly Slow & Loud Loading Screens

Recreate nostalgic 1980s computer loading screens using modern web technologies. Explore Web Audio, Canvas API, and JavaScript to simulate slow, loud, and visually striking retro experiences.

• YouTube
• 30 minutes
• On-Demand
• Conference Talk

The Sheriyans Coding School

Create 3D Animations Using HTML, CSS & JS - Scrolling Animation Using Canvas - Zelt

Learn to create captivating 3D scrolling animations using HTML, CSS, and JavaScript with canvas. Master techniques for interactive web animations and elevate your frontend development skills.

• YouTube
• 32 minutes
• On-Demand
• Free Video

The Sheriyans Coding School

Create 3D Animations Using HTML, CSS & JS - Scrolling Animation Using Canvas

Learn to create captivating 3D scrolling animations using HTML, CSS, and JavaScript with canvas. Master techniques for interactive web animations and elevate your frontend development skills.

• YouTube
• 28 minutes
• On-Demand
• Free Video

The Sheriyans Coding School

Create 3D Animations Using HTML, CSS & JS - Scrolling Animation Using Canvas

Learn to create captivating 3D scrolling animations with HTML, CSS, and JavaScript. Master canvas manipulation techniques to bring a Korean character to life with dynamic movements and expressions.

• YouTube
• 25 minutes
• On-Demand
• Free Video

The Sheriyans Coding School

Create 3D Animations Using HTML, CSS & JS - Scrolling Animation Using Canvas

Learn to create captivating 3D scrolling animations using HTML, CSS, and JavaScript with canvas. Master techniques for manipulating movement, rotation, and facial expressions in interactive web animations.

• YouTube
• 21 minutes
• On-Demand
• Free Video

Java

DukeScript - Writing JavaScript Applications with Java Binding

Explore DukeScript: a powerful tool for JavaScript apps with Java integration, featuring binding models and local JVM connectivity for enhanced development capabilities.

• YouTube
• 42 minutes
• On-Demand
• Free Video

JSConf

JavaScript on Tiny, Wearable Hardware

Explore JavaScript's potential on wearable devices with limited memory, including porting JerryScript to Pebble smartwatch and cross-compiling JS engines for embedded systems.

• YouTube
• 34 minutes
• On-Demand
• Conference Talk

JSConf

Elektroknit

Explore image processing and Canvas API to convert digital graphics into knitted patterns, bridging web engineering with textile design in this innovative craft project.

• YouTube
• 30 minutes
• On-Demand
• Conference Talk

JSConf

Hacking a HTML Renderer in Plain Browser-Side JS

Explore the challenges and techniques of rendering HTML to canvas using pure JavaScript, delving into browser intricacies and unconventional approaches.

• YouTube
• 21 minutes
• On-Demand
• Conference Talk

JSConf

A Panoramic Tour Through HTML5 Rendering Itself

Explore the challenges and intricacies of rendering HTML to canvas in JavaScript. Dive into modern browser technologies, uncovering powerful and unconventional techniques along the way.

• YouTube
• 26 minutes
• On-Demand
• Conference Talk

JSConf

Canvas in Node.js

Explore Node.js canvas capabilities for server-side image generation and manipulation, enhancing web applications with dynamic visual content.

• YouTube
• 21 minutes
• On-Demand
• Conference Talk

JSConf

Canvas in NodeJS

Explore the power of Canvas API in NodeJS for creating dynamic graphics and visualizations in web applications.

• YouTube
• 15 minutes
• On-Demand
• Conference Talk

Learn With Jason

Generate Custom Party Corgi GIFs - Learn With Jason

Create custom party corgi GIFs in the browser with Chris Biscardi. Learn techniques for image manipulation, GIF generation, and React development while building a fun, interactive web application.

• YouTube
• 1 hour 38 minutes
• On-Demand
• Free Video