Gain insights into game development with JavaScript. Delve into graphics, game loops, and collision detection by creating Tetris. Showcase your skills with a fully functioning game.

In this course, you will get hands-on game development experience with JavaScript. Using the classic game of Tetris, you are going to cover concepts like graphics, game loops, and collision detection. 

By the end of this course, we will have a fully functioning game with points and levels. Try it out with your friends and put it in your portfolio for employers to see.

Game Development with JavaScript: Creating Tetris

JavaScript proxies were introduced in  2015 with ECMAScript 6. They allow us to **intercept** and **override** operations including object property lookup and assignment. A `Proxy` object wraps another object and acts as a middleman.

## Syntax

A proxy is created using the `new Proxy` constructor with two required arguments: the **target** and the **handler**.

```js
let proxy = new Proxy(target, handler)
```

* `target` – The object we wrap

* `handler` – An object that defines the methods (also called **traps**) to control the behaviors of the *target*

A `Proxy` creates an undetectable barrier around the target object that redirects all operations to the handler object.
If we send in an empty `handler`, the proxy is just an empty wrapper around the original object.

```js
let user = { 
  name: 'Max', 
  age: 42
};

let proxyUser = new Proxy(user, {});

console.log(user.name); // -> Max
console.log(proxyUser.name);  // -> Max
```

To give the proxy meaning, we need to add some functionality to the handler.

## Traps

Whenever you interact with an object, you are calling an internal method. Proxies allow you to use traps to intercept the execution of a given internal method.

So, when we run `user.name`, we are telling the JavaScript engine to call the internal `[[GET]]` method to retrieve the `name` property. 

When we run `proxyUser.name`, the **get trap** calls the `get()` function defined in the `handler` to execute before sending the call through to the original object.

# Syntax

A proxy is created using the `new Proxy` constructor with two required arguments: the **target** and the **handler**.

```js
let proxy = new Proxy(target, handler)
```

* `target` – The object we wrap

* `handler` – An object that defines the methods (also called **traps**) to control the behaviors of the *target*

A `Proxy` creates an undetectable barrier around the target object that redirects all operations to the handler object.
If we send in an empty `handler`, the proxy is just an empty wrapper around the original object.

```js
let user = { 
  name: 'Max', 
  age: 42
};

let proxyUser = new Proxy(user, {});

console.log(user.name); // -> Max
console.log(proxyUser.name);  // -> Max
```

To give the proxy meaning, we need to add some functionality to the handler.

# Traps

Whenever you interact with an object, you are calling an internal method. Proxies allow you to use traps to intercept the execution of a given internal method.

So, when we run `user.name`, we are telling the JavaScript engine to call the internal `[[GET]]` method to retrieve the `name` property. 

When we run `proxyUser.name`, the **get trap** calls the `get()` function defined in the `handler` to execute before sending the call through to the original object.

In this lesson, you will learn how to intercept and override operations of objects by using JavaScript proxies.

Course Overview

Modern JavaScript

Getting Started With Tetris

Moving Pieces

Game Logic

Gamification

Asynchronous JavaScript

Final Words

Proxy

Syntax