• Stars
    star
    262
  • Rank 156,136 (Top 4 %)
  • Language
    JavaScript
  • Created over 4 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

This is a simple no nonsense version of Tetris that has no styling

Tetris-Basic

This is a simple no nonsense version of Tetris that has no styling - made for the support of my Udemy Video. Also viewable here

In this course, you will learn how to set up a project from scratch using the Atom code editor and your command prompt tool, as well as gain a fundamental understanding of JavaScript by building your very own version of Tetris.

This is a great course for those of you who have never touched code before or those of you with some basic understanding of JavaScript, that would like to go over the fundamentals again.

This course consists of explainer videos that will run you through concepts such as 'Explaining Variables', 'What is a Function and how we use it', 'Understanding Arrays', and many more. These explainer videos are dotted throughout the Tetris project and play when we start to discover each javaScript concept or method. These explainer videos consist of imagery and diagrams for those of you who are visual learners. There are also multiple-choice questions at the end of selected lectures.

In this game of Tetris we will be covering the following inbuilt JavaScript methods:

  • addEventListener()
  • querySelector()
  • querySelectorAll()
  • keyCode()
  • Math.floor()
  • Math.random()
  • length
  • forEach()
  • splice()
  • clearInterval()
  • setInterval()
  • some()
  • innerHTML()
  • every()
  • add()
  • remove()
  • contains()

What you’ll learn

  • The fundamentals of JavaScript
  • Setting up your code editor
  • Understanding the command prompt tool
  • The basics of HTML
  • Understanding CSS

Are there any course requirements or prerequisites?

  • This is a course for people who have never coded and would like to learn

Who this course is for:

  • For complete beginners curious about JavaScript

When you have finished your project I would love for you to share it with me - you can find me on YouTube or Twitter.

MIT Licence

Copyright (c) 2020 Ania Kubow

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

*Translation: Ofcourse you can use this for you project! Just make sure to say where you got this from :)

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

More Repositories

1

memory-game

JavaScript, HTML and CSS grid-based game
JavaScript
396
star
2

mario

A game of Mario using JavaScript and Kaboom.js
JavaScript
252
star
3

Tetris

A vanilla javascript game
JavaScript
202
star
4

candy-crush

A vanilla JavaScript Game inspired by Candy Crush
JavaScript
171
star
5

Nokia3310-Snake

A vanilla JavaScript game with tutorial
JavaScript
164
star
6

climate-change-live-api

A Demo to show how to build your own API and host in on RapidAPI
JavaScript
163
star
7

space-invaders

A vanilla JavaScript game with HTML and CSS
JavaScript
160
star
8

battleships

javaScript HTML and CSS
JavaScript
138
star
9

nodejs-webscraper

Demo for showing how to get backend data to the frontend
JavaScript
129
star
10

minesweeper

A simplified game of minesweeper using vanilla JavaScript
JavaScript
121
star
11

burger-api

My Burger Api
JavaScript
119
star
12

netflix-clone-graphql-datastax

A Netflix Clone built using React GraphQL and DataStax, exploring Pagination and Slicing
JavaScript
115
star
13

flappy-bird

A game of Flappy Bird made in pure JavaScript, HTML and CSS
JavaScript
110
star
14

whac-a-mole

Vanilla JavaScript game
JavaScript
110
star
15

pac-man

Vanilla javaScript Game with HTML and CSS
JavaScript
107
star
16

connect-four

A Pure JavaScript grid-based game
JavaScript
106
star
17

candy-crush-reactjs

A minimal game of Candy Crush in React
JavaScript
97
star
18

portfolio-website

Portfolio website
JavaScript
93
star
19

Frogger

A retro grid-based game in vanilla JavaScript, HTML and CSS
JavaScript
90
star
20

stargate-tik-tok

JavaScript
85
star
21

Doodle-Jump

Doodle Jump clone in JavaScript, HTML and CSS
JavaScript
83
star
22

airbnb-sanity-backend

The backend for our Airbnb App, built using Sanity.io.
JavaScript
80
star
23

tinder-clone

A Tinder Clone for educational purposes
JavaScript
76
star
24

zelda

A game of Zelda in JavaScript using Kaboom.js
JavaScript
73
star
25

responsive-portfolio

HTML
72
star
26

wordle-javascript

A Game of Wordle with the benefit of 2x API from RapidAPI
JavaScript
65
star
27

rock-paper-scissors-x3

3 ways to code Rock Paper Scissors in JavaScript
JavaScript
63
star
28

airbnb-sanity-frontend

This is the frontend for my AirBnb Project built using Next.js and Sanity.io
JavaScript
63
star
29

2048

A game of 2048 in vanilla javaScript, HTML and CSS
JavaScript
58
star
30

chrome-trex-game

A game made in pure javaScript HTML and CSS
JavaScript
54
star
31

disney-clone-graphcms

A demo to show how to use graphcms
JavaScript
54
star
32

flappy-birds-react-native

A game of flappy birds in react native
JavaScript
51
star
33

crypto-dashboard-react

A Crypto Dashboard built in React and Nodejs using RapidAPI
JavaScript
49
star
34

breakout

A game of breakout in HTML, CSS and JavaScript
JavaScript
48
star
35

portfolio-with-animations

A Portfolio with Animations in JavaScript
JavaScript
48
star
36

monday-crm-clone

A Clone of the Monday CRM System for tutorial purposes
JavaScript
47
star
37

light-dark-mode-portfolio

A light and dark theme portfolio in HTML, CSS and JS
CSS
40
star
38

Project-04

Business Bank Account Dashboard using React and Django
JavaScript
39
star
39

typewriter

typewriter effect in JavaScript
JavaScript
38
star
40

graphQL-federation-crypto

A Crypto App built to pracitse GraphQL Federation
JavaScript
36
star
41

distance-matrix-routing-with-tom-tom-api

Distance Matrix Routing App with Tom Tom API
JavaScript
31
star
42

javascript-playing-piano

A Playing Piano built in JavaScript
HTML
30
star
43

flight-widget-vanilla-javascript

A Flight widget made in vanilla JavaScript just for fun!
JavaScript
29
star
44

google-translate-clone

A Google Translate Clone built for tutorial purposes
JavaScript
28
star
45

tic-tac-toe

Introduction to JavaScript with Tic-Tac-Toe
JavaScript
27
star
46

deployed-todo-app

JavaScript
27
star
47

trivia-app

A trivia App built in vanilla JavaScript
JavaScript
26
star
48

twitch-messenger-clone

A Messenger App built in React and Node.js using getStream.io
JavaScript
26
star
49

regex-openai

The Code for the iframe
HTML
25
star
50

Advanced-React-and-Redux-2019

Detailed project on advanced React and Redux concepts - Authentication, Testing, Middlewares, HOC's, and Deployment
JavaScript
25
star
51

foundation-app-subgraph

Supporting Code for Querying Data on the Blockchain Tutorial
TypeScript
24
star
52

linktree-clone-css-js

Build a Linktree Clone! (super simple!) HTML + CSS (+ JS optional)
HTML
23
star
53

mocha-test

Boilerplate for Mocha tests
HTML
23
star
54

Predictive-Text-Search-Bar

JavaScript
23
star
55

pacman-AI-live

live game of pacman
JavaScript
22
star
56

birthday-countdown

A Birtday countdown in JavaScript
JavaScript
21
star
57

candy-crush-reactjs-with-game-state

A game of Candy Crush in React where you can save game state
JavaScript
21
star
58

opentelemetry-movies-microservices

JavaScript
19
star
59

rock-paper-scissors-react

Rock Paper Scissors in React
JavaScript
19
star
60

financial-article-classifier-ai-model

19
star
61

moving-wave-portfolio

A Portfolio built in HTML and CSS with a moving wave SVG and working submit from
HTML
19
star
62

responsive-gallery-website

HTML
18
star
63

Google-Home-Chatbot

Voice and Chatbot for Google Home
JavaScript
18
star
64

jeopardy-javascript

A game of Jeopardy in javaScript
HTML
18
star
65

opentelemetry-tracing

Introduction to Tracing
JavaScript
18
star
66

sudoku-solver

A project to learn hw to use APIs in JavaScript and NodeJS
JavaScript
17
star
67

javascriptgames

HTML
16
star
68

hashing-passwords-template-app

A React form that will hash your passwords and send them to a database
JavaScript
16
star
69

zip-food-delivery-app

16
star
70

whack-a-mole-react-native

We build Whack-a-mole in react native
JavaScript
15
star
71

zelda-inventory

A Project to practise Database use
JavaScript
15
star
72

hotel-app

A Project to Demo using a GraphQL API with Serverless Functions
JavaScript
15
star
73

react-nodejs-database-flight-widget

JavaScript
14
star
74

buzzfeed-clone-typescript-database

Build a Buzzfeed Clone in TypeScript + REST API Database + Node.js!
TypeScript
14
star
75

serverless-database

How to use a serverless database with DataStax and Netlify Functions
JavaScript
14
star
76

word-association-game

A React Project built using RapidAPI
JavaScript
13
star
77

pacman-with-voice-AI-final

Final code for tutorial pacan-with-voice-AI
JavaScript
13
star
78

jump-slide

A simple function for jumping and sliding in games
JavaScript
13
star
79

word-association-vanilla-javascript

A Word Association Game made in vanilla JavaScript just for fun!
JavaScript
13
star
80

web-monetization-demo

A demo to show users how to use web monetization on their websites
HTML
13
star
81

my-javascript-action

JavaScript
12
star
82

travel-blog

A travel blog built using React and Sanity.io
JavaScript
12
star
83

communications-dashboard

12
star
84

pac-man-move-closer-logic

Making Blinky chase PacMan wherever he is on the board in vanilla javaScript
JavaScript
12
star
85

show-more-feature

Show More Feature in Vanilla JavaScript, HTML and CSS
HTML
11
star
86

space-invaders-kaboom.js

A game of Space Invaders using Kaboom.js
JavaScript
10
star
87

pacman-with-voice-AI

pacman in JS for voice AI tutorial
JavaScript
10
star
88

zelda-kaboom.js

Zelda using Kaboom.js
JavaScript
10
star
89

buzzfeed-clone-react

Build Buzzfeed quiz in React + JSON Server!
JavaScript
10
star
90

React-app-setup

Packages and code for setting up a React App
JavaScript
10
star
91

beer-generator-javascript

Random beer Generator using vanilla JavaScript API fetch
CSS
9
star
92

next-landing-page

CSS
8
star
93

mobee-psql-data

Demo data for the Mobee App
8
star
94

to-do-app

JavaScript
8
star
95

wdi-fundamentals-memorygame

Pre-course prep work using HTML, CSS and JS
CSS
8
star
96

burger-app

For a Document API and ExpressJS Demo
JavaScript
7
star
97

video-app-frontend

A demo to show how to use Structured Content
JavaScript
7
star
98

javascript-nodejs-api-flight-widget

JavaScript
7
star
99

eslintrc-example

AN example of a .eslintrc file
7
star
100

video-app-backend

A Demo of how to use Structured Content
JavaScript
6
star