Introduction
  • Introduction
Project Set Up
  • Lesson 1 - Setting up your Code Editor
HTML and CSS
  • Lesson 2 - Setting up HTML as the basis of your project
  • Some HTML Questions
  • Lesson 3 - Using CSS to make our Tetris grid
  • Some CSS Questions
JavaScript
  • Lesson 4 - Explaining variables
  • Lesson 5 - Working with Arrays
  • Some questions on Arrays
  • Lesson 6 - What exactly is a function?
  • Lesson 7 - Arrow Functions and forEach()
  • Lesson 8 - Drawing Tetrominoes using classList.add()
  • Lesson 9 - Timers and setInterval()
  • Lesson 10 - Using Modulus to define our place on the grid
  • Lesson 11 - KeyCodes and events
  • Lesson 12 - Choosing items from Arrays
  • Lesson 13 - Displaying the 'Next Up' Tetromino
  • Lesson 14 - Adding a Start and Pause Game Function using clearInterval()
  • Lesson 15 - Splice() explained
  • Lesson 16 - Using Splice(), concat() and appendChild() to remove rows.
  • Lesson 17 - Writing a Game Over using .some() and .innerHTML
  • Lesson 18 - Assigning Colours to our Tetrominoes and Code Clean up