Build the Game of Life Using JavaScript

Video description

Learn how to build a Game of Life using JavaScript

About This Video

Build a generative, cellular automaton game from start to finish in a one-page app
Use JavaScript to create all the background elements for the game such as a grid and add buttons
Test the final game and fix a few bugs

In Detail

JavaScript frameworks are great tools for building mobile apps. They’re efficient, lower development costs, and tend to have the security benefits …

Build the Game of Life Using JavaScript

Video description

Learn how to build a Game of Life using JavaScript

About This Video

Build a generative, cellular automaton game from start to finish in a one-page app
Use JavaScript to create all the background elements for the game such as a grid and add buttons
Test the final game and fix a few bugs

In Detail

JavaScript frameworks are great tools for building mobile apps. They’re efficient, lower development costs, and tend to have the security benefits that come with large, active communities of developers.

In this course, we’ll build the Game of Life, a project that takes you through building a generative, cellular automaton game from start to finish in a one-page app using HTML, CSS, and JavaScript. This project is a great way for you to integrate your skills with markup, style, and behavior by creating an interactive and dynamic application right in your browser. In this project, we’ll make heavy use of the DOM, events, timing, and simple logic to create a truly generative application.

By the end of this course, we’ll be able to build a creative and completely running gaming application with JavaScript.

Publisher resources

Download Example Code

Chapter 1 : Build the Game of Life

Guide to the Project

Introduction

The Game Plan

Chapter 2 : Create the View

Introduction

Create the Grid

Create the Grid with JavaScript: Overview

Crash Test the Grid

Chapter 3 : Interact with the Grid

Introduction

How to Turn On a cell

Add a Click Handler

Crash Test the Click Handler

Handle Button Clicks

Implement the Button Click Handlers

Crash Test the Button Click Handlers

Chapter 4 : Create the Grid Model

Introduction

Code the grid model

Crash Test the Grid Model

The Rules of the Game of Life

Compute One Generation

Crash Test the Code to Compute One Generation

Chapter 5 : Update the View

Introduction

Update the View from the Model

Crash Test the View Code

Plan the Timer

Code the Timer

Crash Test the Timer

Chapter 6 : Finish the Game

Introduction

Code the Clear Button

Crash Test the Clear Button

We Have a Bug!

Fix the Bug

Final Design and Test

Start your Free Trial

Self paced

Go to the Course
We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.