Home My space log
Language EN (English)

Think like a programmer: How to build Snake using only JavaScript, HTML & CSS

Beginner robot Difficulty 2/5 Build project Stop 10 / 166 JavaScript ages 11-13

A free resource picked by the open-source community. Open it to see what's inside.

Start the guide

Your guide

AI-written overview

What is it?

Think like a programmer: How to build Snake using only JavaScript, HTML & CSS is in our Build your own Game group, a list of tutorials about making a game from the ground up. We only know the title, short description and level from our list.

Is it for me?

It is for anyone who wants to make a game, not only play one. There are Beginner, Intermediate and Advanced items. It suits about age 11-13 and up, and a little programming experience helps.

Grown-ups: tutorials may need software installed. Please check before your child downloads anything.

How to start

  1. Pick a game idea that looks small, like a simple arcade game.
  2. Open the tutorial with a grown-up and read the first step.
  3. Follow it step by step and run it often to see what changes.

How much time?

Plan about 40 minutes at a time over about 5 sessions. (estimate)

40 min per session 5 sessions estimate

A plan you can follow

  1. Day 1 30 min Read the first step and set up what you need.
  2. Week 1 60 min Get something moving on the screen.
  3. Week 2 60 min Add a rule or score.
  4. Week 3 60 min Change the look and play it with a friend.

Times are estimates. Go at your own speed.

Go to the learning site

You are about to leave our site to visit Think like a programmer: How to build Snake using only JavaScript, HTML & CSS on another website. We don't control that site. Ask a grown-up before you go. Check the original for details. This site may not be in your language. Your browser can translate the page: look for the translate button near the address bar, or ask a grown-up to help.

You are leaving our site

Grown-ups: this link goes to a site we do not control and have not reviewed beyond its listing. Please look at it first.

Go to the learning site (opens the original site in a new tab)

https://medium.freecodecamp.org/think-like-a-programmer-how-to-build-snake-using-only-javascript-html-and-css-7b1479c3339e

On another site. From the list: codecrafters-io/build-your-own-x · License: CC0-1.0 · Build your own Game

How to learn from an article or tutorial site

Your path through Web development

Stop 8 Offline-First Resource list Stop 9 Tailwind CSS Resource list Stop 10 Think like a programmer: How to build Snake using only JavaScript, HTML & CSS Build project Stop 11 Craft CMS Resource list Stop 12 Build your own 8-Ball Pool game from scratch Build project Stop 13 Canvas Resource list Stop 14 CSS Resource list

Explore next