Lær JavaScript ved at oprette et Tetris-spil

Opbygning af virkelige projekter er en af ​​de bedste måder at lære at kode. Og hvis du skal bygge et projekt, kan du lige så godt gøre det til et af de mest populære og mest sjove spil nogensinde: Tetris.

Noget der læser musik. ?

Dette videokursus fra Ania Kubow hjælper dig med at lære det grundlæggende i JavaScript ved at kode et Tetris-spil fra bunden. Dette er et godt kursus for folk, der aldrig har rørt kode før, eller folk, der ønsker at gennemgå det grundlæggende.

Kurset dækker ikke alle små detaljer i JavaScript - men det er meningen. Det hjælper dig med at hoppe lige ind i at opbygge et faktisk spil, som du kan spille.

Du lærer først, hvordan du opretter et projekt fra bunden ved hjælp af Atom-kodeditoren og et kommandopromptværktøj. Derefter får du en grundlæggende forståelse af JavaScript ved at opbygge din helt egen version af Tetris. Undervejs får du også en kort oversigt over, hvordan du bruger HTML og CSS.

I løbet af kurset er der forklaresektioner, der lærer grundlæggende JavaScript-begreber såsom variabler, funktioner, arrays og mere. Disse forklaringsafsnit tager en pause fra Tetris-projektet for at uddybe et specifikt koncept. De inkluderer billeder og diagrammer, der hjælper dig med at forstå begreberne bedre.

I slutningen af ​​nogle sektioner er der også multiple choice-spørgsmål, der hjælper dig med at teste din viden.

Her er nogle af de JavaScript-metoder, du lærer på dette kursus:

  • addEventListener ()
  • querySelector ()
  • querySelectorAll ()
  • nøgle kode()
  • Matematikgulv ()
  • Matematik. Tilfældighed ()
  • længde
  • for hver()
  • splejsning ()
  • clearInterval ()
  • setInterval ()
  • nogle()
  • innerHTML ()
  • hver()
  • tilføje()
  • fjerne()
  • indeholder()

Når du er færdig med kurset, har du oprettet dit helt eget Tetris-spil, som du kan spille. Bare vær forsigtig, hvor du spiller det, fordi Guinness verdensrekord for "længste fængselsdom for at spille et videospil" involverede et spil Tetris.

Du kan se kurset nedenfor eller på freeCodeCamp.org YouTube-kanalen (1,5 timers ur).