Lesson 1 - Building Snake in JavaScript

Today, we're going to recreate the classic game snake in the Javascript programming language.

Download the tutorial

Before you can start the tutorial, you'll need to download the tutorial to your computer to edit the source code.

Launch your programming environment

When programming, there's generally four tools you'll want on hand:

  • Your browser to see the code running (I recommend Chrome)
  • A text editor to change the code (I recommend Sublime)
  • A javascript console so you can experiment and print out debugging messages. These are built into your browser.
  • Once you have these tools available, we need to open the files we'll be working with:

  • Open game/snake.js in your text editor
  • Open game/index.html in your browser
  • Open your browsers javascript console
  • type
    alert("hello world");
    in your browsers javascript console and dismiss the window that pops up
  • Stop and reflect

    Move on to Lesson 2

    Helpful Links

    1. How to launch dev tools in chrome.
    2. How to launch dev tools in internet explorer.
    3. How to launch dev tools in firefox.
    4. How to launch dev tools in safari.