Teaching the basics of programming starting from basic HTML websites

  1. Simple welcome page as an example
  2. First meeting, creating super simple HTML page with an image and some stylings
  3. More HTML and more styles
  4. Canvas basics, drawing in a canvas. Variables and for loops
  5. Creating objects, game loop, listening to key presses and updating the snake's position on the screen
  6. Detetcing collisions, more game logic, local score, playable game
  7. From pixel-based calculations to grid based, draw the trail of the snake, grow the snake when eating apples. An even more playable game.
  8. Stop snake from going through itself and apple from appearing inside the snake. Add a simple sound effect when eating the apple.
  9. Snake with top scores in Firebase
  10. Snake with new game without refresh