Create Your First Web Page With HTML

Learn how to create a basic HTML web pages. Learn how to title your page and what that means, learn how to add viewable text, learn how to create buttons, how to add images, how to create links and how to create audio sound files.

Style Your Web Page With CSS

Learn how to style your web page with CSS (Cascading Style Sheets). Set background colors, text size, text color, font styles and more. Also learn how to create custom classes and ids to control the styling of individual elements.

Introduction To JavaScript

Start diving into JavaScript by learning how to create and use variables, learn the different data types, how to create and use arrays, how to create and use objects and how to create alert pop ups. This lesson will start to prepare you for the more intermediate lessons that will heavily use JavaScript.

Web Page Special Effects

Learn how to add all kinds of special effects to your web page using JavaScript. You will learn how to dynamically change the background color of a page when you type the color into an input, how to add interactivity when you hover over something and how to make cool things happen when you click a button.

Custom Commands JavaScript Game

Create commands using JavaScript pop ups and do different things based on what is typed into the command box! Learn how to leverage if/else statements to perform actions only if something is met. Also learn how to change from browser prompt pops ups to inputs for more design control.

Roll Dice Game

Learn how to write a function and run the function when a button is clicked. Use conditional logic to set certain actions to happen only if doubles are rolled. Learn how to play a sound when doubles are rolled and how to set an animated background image when doubles are rolled.

Slot Machine Game

Program a Slot Machine game. Leverage loops to count through and add to variables in order to save from manually writing a lot of redundant code. Leverage logical operators to achieve results. Introduction to the Chrome webkit rendering engine for animating the rolling of your dice with CSS.

Chrome Developer Tools

As you start to learn more advanced JavaScript, the Chrome Developer Tools will become very valuable. We will teach you how to use the debug tools built into Chrome, how to use the inspect tools for viewing and modifying code on the fly and how to run JavaScript commands within the console window.

Interactive Online Storybook

Learn how to draw graphics on an HTML canvas to make an interactive book. In this lesson you will leverage mostly JavaScript for drawing objects (circles, rectangles, squares, lines) in your page. You will use conditional logic (if, else, if else), functions and function parameters.

Catch The Creeper Game

Learn how to place characters on the canvas, program movement for those characters and accumulate points when your good character catches the creeper. You will be using conditional logic, loops, arrays and objects. You will also create a scoreboard that will keep score for your different actions.

2D Breakout Game

Leverage HTML canvas to draw the game bricks, balls and bats. Then switch these out with image graphics to make it look nicer. Program mouse movements, calculate and display a score and program lose game logic. This is a longer lesson to challenge your skills with what you already learned along with introducing new concepts.

Catch The Stars Platform Game

This lesson goes into more advanced coding concepts such as creating platforms, leveling up, working with sprites and more. This is a feature rich game that will teach students how to program a character to jump up and over to multiple platforms catching stars along the way. They will leverage conditional logic, loops and more. When done, they will have a colorful and interactive game they can show off.