All Courses

Video Production for Beginners

1 lessons

3:12 minutes

Beginner

Canvas
Video Production for Beginners

Learn the basics behind producing quality video productions.

How to Build Web Apps with Node.js

3 lessons

27:30 minutes

Intermediate

Canvas
How to Build Web Apps with Node.js

Learn everything you need to know about creating a fully functional authentication system with Nuxt and Node.js

How to Code: Sine Waves

1 lessons

30:28 minutes

Intermediate

Canvas
How to Code: Sine Waves

Learn how to produce stunning sine waves using JavaScript and HTML canvas. In addition to producing sine waves, this course will teach you how to use dat.gui to fine tune the final look of your visuals.

How to Code: Star Shower

5 lessons

1:45:28 hours

Beginner

Canvas
How to Code: Star Shower

Learn how to code a starfall where comets hit the ground and explode into pieces, all with just HTML canvas and JavaScript.

How to Code: Collision Detection

2 lessons

54:57 minutes

Intermediate

Canvas
How to Code: Collision Detection

Collision detection is what tells us when two objects have touched. By reacting to collisions, we can increase a user's score within an HTML5 canvas game, change objects' colors only when they have touched, and even determine when a user's character should take damage.

Creating a User Registration System in UNDER TWO MINUTES with Voyager.js

1 lessons

23:09 minutes

Beginner

Canvas
Creating a User Registration System in UNDER TWO MINUTES with Voyager.js

Learn how to utilize the Node app framework, Voyager, to create a user based app in the least amount of time possible. Framework features include user creation, email confirmation, user login, password resets, and rate limiting.

How to Code: Circular Motion

1 lessons

30:23 minutes

Intermediate

Canvas
How to Code: Circular Motion

Learn how to code circular motion using a combination of math, canvas, and JavaScript.

Introduction to Webpack-Dev-Server

2 lessons

32:05 minutes

Intermediate

Canvas
Introduction to Webpack-Dev-Server

Webpack-dev-server is a webpack add-on that provides a few useful features such as live reloading. Essentially each time a change to a file is made, webpack-dev-server will refresh your browser automatically.

How to Code: Gravity

1 lessons

32:20 minutes

Intermediate

Canvas
How to Code: Gravity

Learn the basics behind creating a gravity based physics simulation using HTML5 canvas and JavaScript.

Node Authentication Tutorial

8 lessons

2:30:19 hours

Beginner

Canvas
Node Authentication Tutorial

Learn the basics behind creating a user based login system with Node, Express, and Passport.js.

HTML5 Canvas Tutorial for Beginners

4 lessons

1:30:53 hours

Beginner

Canvas
HTML5 Canvas Tutorial for Beginners

Down to code some sick nasty interactive animations? Let me show you how. In this episode, we cover skill number one: creating and resizing your canvas. Follow along and you'll be cranking out interactive wonders in no time.

How to Refresh Your Pages Automatically with Webpack and Browsersync

2 lessons

16:50 minutes

Intermediate

Canvas
How to Refresh Your Pages Automatically with Webpack and Browsersync

Learn how to utilize webpack and Browsersync to automatically refresh your browser whenever a change is made to one of your files.

Intro to Yarn Package Manager

1 lessons

8:02 minutes

Beginner

Canvas
Intro to Yarn Package Manager

Learn how to get up and running with yarn package manager, while obtaining a basic understanding as to why you’d want to use it over existing package managers such as npm.

Node Signup Form Tutorial

6 lessons

57:15 minutes

Beginner

Canvas
Node Signup Form Tutorial

A brief introduction to a course where I guide you through the development of a newsletter signup form with Node.js, Express.js, and the MailChimp API.

Webpack for Beginners

8 lessons

1:09:40 hours

Beginner

Canvas
Webpack for Beginners

Learn all about Webpack and its bundling capabilites.

Cheat Sheet Preview

Download The Official Chris Courses HTML5 Canvas Cheat Sheet

Essential canvas syntax at your fingertips.