Coding Snake using JavaScript

Coding a simple snake game using basic HTML, CSS and JavaScript.

Starting with a blank html page, we will incrementally add functionality until we get to a completely functioning game.

This video is aimed at new programmers with some basic knowledge of HTML, CSS and JavaScript.

It would be helpful to know a little bit about variables, arrays, and functions.

0:00 Intro
1:38 Setting up HTML, CSS and JS files
7:03 Displaying a Snake on a grid
10:55 Moving the Snake
15:46 Quick Recap 1
17:07 Break Point 1
17:21 Move Snake in different directions
21:35 Eating Apples
30:45 Ending the Game
34:40 Implementing Game Loop
37:56 Recap Game Logic
42:03 Break Point 2
42:24 Adding Styling
51:54 Outro

Complete Game

Break Point 1

Break Point 2