Book Image

Build the Game of Life Using JavaScript [Video]

By : Elisabeth Robson, Eric Freeman
Book Image

Build the Game of Life Using JavaScript [Video]

By: Elisabeth Robson, Eric Freeman

Overview of this book

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. All the code files and resources for this course are available at https://github.com/PacktPublishing/Build-the-Game-of-Life-Using-JavaScript

Related Content you might be interested in

Current Title:

Small book image
Build the Game of Life Using JavaScript [Video]
Elisabeth Robson | Eric Freeman
May, 2021 | 1 hours 25 minutes
No titles found
Table of Contents (6 chapters)
Free Chapter
1
Build the Game of Life
Guide to the Project
Introduction
The Game Plan
2
Create the View
Introduction
Create the Grid
Create the Grid with JavaScript: Overview
Crash Test the Grid
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
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
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
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
Chapter 2
Create the View
Content Locked
Section 2
Create the Grid
So we have everything set up in our HTML page, except the actual grid. Remember, we've got some CSS already set up to style the table, but we still need the HTML. In this lesson's video, we'll take a look at how we're going to represent the grid as an HTML table, and rather than entering a huge set of table elements by hand, we'll be writing code to do that for us, which we'll get to in just a second...
Previous Section
End of Section 2
Next Section