Websites
Start your web development career today by learning the core skill of all web development: HTML. This course will teach you what HTML is, the most important tags you should use to render content on your site, and how to format these tags in a professional manner for use with CSS.
HTML
CSS determines how your HTML elements look on the screen (color, size, etc.). This course will teach you how to get started with CSS, and will cover the ins-and-outs of the most important CSS properties you should be using throughout your development career. You'll also build out a full-fledged webpage that's mobile-responsive, learning all the techniques I use to develop sites professionally for clients across the globe.
CSS
JAVASCRIPT
Coming Soon
Web apps are websites like GitHub, Gmail, and Facebook—they're built so a visitor can use them to achieve a specific goal. This course will teach you how to build your own web-app using Nuxt.js and Express. You'll learn how to create user accounts, how to create your own login system, and how to display dynamic data based on which user is logged in.
Web Apps 101
Games
This course will teach you how to develop your very first JavaScript game: a 2D shooter where you must shoot and dodge enemies to rack up the highest score possible. You'll learn how to code game physics, different types of enemies, game start and end functionality, and much, much more.
Games 101
Learn how to create a 2D sidescroller-like game similar to the play-style seen in games like Super Mario. Here I'll teach you how to create a multi-platform level with enemies, power-ups, death-pits, and more.
Mario Game
Space Invaders is a classic game that you should be able to find at any retro-based arcade. Surprisingly, coding it with JavaScript isn't that difficult, we just need to know few concepts regarding image rendering, physics, and object interaction. Here I'll teach you all of that and more using a combination of HTML and vanilla JavaScript.
Space Invaders
This course will teach you how to produce: generative Pacman maps, advanced collision detection, a rudimentary AI for ghosts, eatable pellets, and a ghost removing power-up.
Pacman
This course will teach you how to develop your own Pokemon-style game with just JavaScript and HTML canvas. You'll learn how to create extremely detailed maps, how to program player boundary collision detection, and how to code detailed battle sequences to get your very first top-down game off the ground.
Pokemon
Here you'll learn how to create your very first fighting game with JavaScript and HTML canvas. We'll start by coding some basic fighting game mechanics, then we'll take things to the next level by adding in professional sprite sheets and graphics.
Fighting Game
Create your first tower defense game by learning map creation, pathfinding, wave spawning, tower placement, and much, much more.
Tower Defense
Three.js
Three.js is the go-to 3D developent framework for the web. This couse will teach you everything you need to know to get started with Three.js, while developing something that's actually cool and wow-worthy: an interactive 3D background that introduces your very own portfolio site.
Intro to Three.js
This course will teach you all about the mythical Three.js shaders (no one else teaches this, believe me), and how to create your own 3D globe that displays population data across its countries accordingly. You'll learn new shader terminology such as normals, attributes, and varyings, as well as how to create your own custom shaders for use in a real-world project.
Intermediate Three.js
Uncategorized Courses
Start CourseHTML5 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.
4 videos
1:30:53 hours
Skill Level
Beginner
Start CourseHow 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.
5 videos
1:45:28 hours
Skill Level
Beginner
Start CourseVideo Production for Beginners
Learn the basics behind producing quality video productions.
1 videos
3:12 minutes
Skill Level
Beginner
Start CourseCanvas Physics
This is a collection of physics related canvas courses including how to code: gravity, sine waves, collision detection, and circular motion.
10 videos
5:09:27 hours
Skill Level
Intermediate
Start CourseCanvas Image Manipulation
Interacting with images is a whole 'nother level of canvas wizardry. Learn how to sample, animate, and interact with any image of your choosing.
3 videos
37:08 minutes
Skill Level
Intermediate
Start CourseInterview Prep
Tech interviews suck, but almost every big tech company requires them at some point. Since I myself am still learning how to better solve program-related interview questions, I figured why not hammer in those concepts by creating a full-fledged animation on algorithm related topics, while sharing it with the world so everyone can have an easier time with interviews.
1 videos
6:41 minutes
Skill Level
Intermediate
Download The Official Chris Courses HTML5 Canvas Cheat Sheet
Essential canvas syntax at your fingertips.
Download Now