Code Tetris: JavaScript Tutorial for Beginners

Projektbasiertes Video-Tutorial für Programmieranfänger, in dem Schritt für Schritt ein Tetris-Spiel im Browser entsteht. Behandelt werden Projekt-Setup, HTML- und CSS-Grundlagen, Variablen, Arrays, Funktionen und Arrow Functions mit forEach(), das Zeichnen der Tetrominos über classList.add(), Timer und Intervalle, Modulo zur Positionsbestimmung im Raster, Tastatur-Events und Keycodes, eine Vorschau des nächsten Tetrominos, Start- und Pause-Funktion sowie splice(), concat(), appendChild(), some() und innerHTML für Spielende und Farbgebung.

Syllabus

Introduction.
Setting up the project.
HTML Basics.
CSS Basics.
Explaining Variables.
Working with Arrays.
What exactly is a function?.
Arrow Functions and forEach().
Drawing Tetrominoes using classList.add().
Times and intervals.
Using Modulus to define our place on the grid .
Keycodes and events.
Choosing items from Arrays.
Displaying the ‘Next Up’ Tetromino.
Adding a start and pause game function..
Splice().
Splice(), concat() and appendChild().
Game over using some() and innerHTML.
Assigning colors to our Tetrominos.