Search icon Close icon
Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Checkout

Change country

Modal Close icon
Country selected Country selected
country flag United States
Country selected
country flag Great Britain
Country selected
country flag India
Country selected
country flag Germany
Country selected
country flag France
Country selected
country flag Canada
Country selected
country flag Russia
Country selected
country flag Spain
Country selected
country flag Brazil
Country selected
country flag Australia
Country selected
country flag Singapore
Country selected
country flag Hungary
Country selected
country flag Ukraine
Country selected
country flag Luxembourg
Country selected
country flag Estonia
Country selected
country flag Lithuania
Country selected
country flag South Korea
Country selected
country flag Turkey
Country selected
country flag Switzerland
Country selected
country flag Colombia
Country selected
country flag Taiwan
Country selected
country flag Chile
Country selected
country flag Norway
Country selected
country flag Ecuador
Country selected
country flag Indonesia
Country selected
country flag New Zealand
Country selected
country flag Cyprus
Country selected
country flag Denmark
Country selected
country flag Finland
Country selected
country flag Poland
Country selected
country flag Malta
Country selected
country flag Czechia
Country selected
country flag Austria
Country selected
country flag Sweden
Country selected
country flag Italy
Country selected
country flag Egypt
Country selected
country flag Belgium
Country selected
country flag Portugal
Country selected
country flag Slovenia
Country selected
country flag Ireland
Country selected
country flag Romania
Country selected
country flag Greece
Country selected
country flag Argentina
Country selected
country flag Netherlands
Country selected
country flag Bulgaria
Country selected
country flag Latvia
Country selected
country flag South Africa
Country selected
country flag Malaysia
Country selected
country flag Japan
Country selected
country flag Slovakia
Country selected
country flag Philippines
Country selected
country flag Mexico
Country selected
country flag Thailand
Country selected
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Home > Web Development > Web Programming > Build the Game of Life Using JavaScript
Build the Game of Life Using JavaScript
Build the Game of Life Using JavaScript

Build the Game of Life Using JavaScript: Master HTML, CSS, and JavaScript by building a game

Arrow left icon
Profile Icon Elisabeth Robson Profile Icon Eric Freeman
Arrow right icon
Mex$179.99 Mex$2563.99
Video May 2021 1hr 25mins 1st Edition
Video
Mex$179.99 Mex$2563.99
Subscription
Free Trial
Arrow left icon
Profile Icon Elisabeth Robson Profile Icon Eric Freeman
Arrow right icon
Mex$179.99 Mex$2563.99
Video May 2021 1hr 25mins 1st Edition
Video
Mex$179.99 Mex$2563.99
Subscription
Free Trial
Video
Mex$179.99 Mex$2563.99
Subscription
Free Trial

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
OR

Contact Details

Modal Close icon
Payment Processing...
tick Completed

Billing Address

Table of content icon View table of contents Download code icon Download Code

Key benefits

  • 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

Description

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

Who is this book for?

This course is for web developers who have basic HTML, CSS, and JavaScript programming skills and want to learn how to build a generative game using JavaScript. For this course, you need basic knowledge of HTML, CSS, and JavaScript programming skills.

What you will learn

  • Build a generative game in the browser with less coding
  • Use JavaScript to create the game view
  • Create grids and add interactive features to it like buttons
  • Create and add grid model
  • Update the View from the Model
  • Learn how to fix a bug, finalize the game design, and do testing

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : May 26, 2021
Length: 1hr 25mins
Edition : 1st
Language : English
ISBN-13 : 9781801817561
Category :
Web Development
Languages :
CSS
Concepts :
Web Programming
Tools :
Vim

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
OR

Contact Details

Modal Close icon
Payment Processing...
tick Completed

Billing Address

Product Details

Publication date : May 26, 2021
Length: 1hr 25mins
Edition : 1st
Language : English
ISBN-13 : 9781801817561
Category :
Web Development
Languages :
CSS
Concepts :
Web Programming
Tools :
Vim

Packt Subscriptions

See our plans and pricing
Modal Close icon
$19.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
START FREE TRIAL
BUY NOW
$199.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just Mex$85 each
Feature tick icon Exclusive print discounts
START FREE TRIAL
BUY NOW
$279.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just Mex$85 each
Feature tick icon Exclusive print discounts
START FREE TRIAL
BUY NOW

Frequently bought together

Build the Game of Life Using JavaScript
Build the Game of Life Using JavaScript
Read more
May 2021 1hr 25mins
Video
Video
  • Video Video Mex$179.99
Mex$179.99 Mex$2563.99
API Testing and Development with Postman
API Testing and Development with Postman
Read more
May 2021 340 pages
Full star icon 4.2 (18)
eBook
eBook
  • eBook eBook Mex$179.99
  • Paperback Paperback Mex$1066.99
Mex$179.99 Mex$853.99
Mex$1066.99
Software Architecture with C++
Software Architecture with C++
Read more
Apr 2021 540 pages
Full star icon 4.4 (13)
eBook
eBook
  • eBook eBook Mex$179.99
  • Paperback Paperback Mex$1128.99
  • Audiobook Audiobook Mex$179.99
Mex$179.99 Mex$902.99
Mex$1128.99
Mex$179.99 Mex$676.99
Stars icon
Total Mex$ 2,375.97 4,759.97 2,384.00 saved
Build the Game of Life Using JavaScript
Mex$179.99 Mex$2563.99
API Testing and Development with Postman
Mex$1066.99
Software Architecture with C++
Mex$1128.99
Total Mex$ 2,375.97 4,759.97 2,384.00 saved Stars icon
Banner background image

Table of Contents

6 Chapters
Build the Game of Life Chevron down icon Chevron up icon
Guide to the Project
Introduction
The Game Plan
Create the View Chevron down icon Chevron up icon
Introduction
Create the Grid
Create the Grid with JavaScript: Overview
Crash Test the Grid
Interact with the Grid Chevron down icon Chevron up icon
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
Create the Grid Model Chevron down icon Chevron up icon
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
Update the View Chevron down icon Chevron up icon
Introduction
Update the View from the Model
Crash Test the View Code
Plan the Timer
Code the Timer
Crash Test the Timer
Finish the Game Chevron down icon Chevron up icon
Introduction
Code the Clear Button
Crash Test the Clear Button
We Have a Bug!
Fix the Bug
Final Design and Test

Recommendations for you

Left arrow icon
Web Development with Blazor
Web Development with Blazor
Read more
Apr 2024 366 pages
Full star icon 4 (17)
eBook
eBook
  • eBook eBook Mex$179.99
  • Paperback Paperback Mex$1025.99
Mex$179.99 Mex$820.99
Mex$1025.99
React and React Native
React and React Native
Read more
Apr 2024 508 pages
Full star icon 4.3 (9)
eBook
eBook
  • eBook eBook Mex$179.99
  • Paperback Paperback Mex$902.99
Mex$179.99 Mex$721.99
Mex$902.99
Responsive Web Design with HTML5 and CSS
Responsive Web Design with HTML5 and CSS
Read more
Sep 2022 498 pages
Full star icon 4.5 (57)
eBook
eBook
  • eBook eBook Mex$179.99
  • Paperback Paperback Mex$922.99
Mex$179.99 Mex$738.99
Mex$922.99
Building Production-Grade Web Applications with Supabase
Building Production-Grade Web Applications with Supabase
Read more
Aug 2024 534 pages
Full star icon 4.3 (9)
eBook
eBook
  • eBook eBook Mex$179.99
  • Paperback Paperback Mex$820.99
Mex$179.99 Mex$656.99
Mex$820.99
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2023 828 pages
Full star icon 4.4 (73)
eBook
eBook
  • eBook eBook Mex$179.99
  • Paperback Paperback Mex$1230.99
Mex$179.99 Mex$984.99
Mex$1230.99
C# 13 and .NET 9 – Modern Cross-Platform Development Fundamentals
C# 13 and .NET 9 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2024 828 pages
Full star icon 5 (1)
eBook
eBook
  • eBook eBook Mex$179.99
  • Paperback Paperback Mex$665.99
Mex$179.99 Mex$820.99
Mex$665.99 Mex$1025.99
Django 5 By Example
Django 5 By Example
Read more
Apr 2024 820 pages
Full star icon 4.5 (37)
eBook
eBook
  • eBook eBook Mex$179.99
  • Paperback Paperback Mex$1025.99
Mex$179.99 Mex$820.99
Mex$1025.99
.NET 8 Microservices - DDD, CQRS, Vertical/Clean Architecture
.NET 8 Microservices - DDD, CQRS, Vertical/Clean Architecture
Read more
Nov 2024 28hrs 30mins
Video
Video
  • Video Video Mex$179.99
Mex$179.99 Mex$1640.99
Implementing Event-Driven Microservices Architecture in .NET 7
Implementing Event-Driven Microservices Architecture in .NET 7
Read more
Mar 2023 326 pages
Full star icon 4.5 (16)
eBook
eBook
  • eBook eBook Mex$179.99
  • Paperback Paperback Mex$922.99
Mex$179.99 Mex$738.99
Mex$922.99
Building Python Microservices with FastAPI
Building Python Microservices with FastAPI
Read more
Aug 2022 420 pages
Full star icon 3.9 (9)
eBook
eBook
  • eBook eBook Mex$179.99
  • Paperback Paperback Mex$963.99
Mex$179.99 Mex$771.99
Mex$963.99
Right arrow icon

People who bought this also bought

Left arrow icon
Building Python Microservices with FastAPI
Building Python Microservices with FastAPI
Read more
Aug 2022 420 pages
Full star icon 3.9 (9)
eBook
eBook
  • eBook eBook Mex$179.99
  • Paperback Paperback Mex$963.99
Mex$179.99 Mex$771.99
Mex$963.99
React and React Native
React and React Native
Read more
May 2022 606 pages
Full star icon 4.6 (17)
eBook
eBook
  • eBook eBook Mex$179.99
  • Paperback Paperback Mex$1025.99
Mex$179.99 Mex$820.99
Mex$1025.99
Responsive Web Design with HTML5 and CSS
Responsive Web Design with HTML5 and CSS
Read more
Sep 2022 498 pages
Full star icon 4.5 (57)
eBook
eBook
  • eBook eBook Mex$179.99
  • Paperback Paperback Mex$922.99
Mex$179.99 Mex$738.99
Mex$922.99
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2023 828 pages
Full star icon 4.4 (73)
eBook
eBook
  • eBook eBook Mex$179.99
  • Paperback Paperback Mex$1230.99
Mex$179.99 Mex$984.99
Mex$1230.99
C# 11 and .NET 7 – Modern Cross-Platform Development Fundamentals
C# 11 and .NET 7 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2022 818 pages
Full star icon 4.1 (54)
eBook
eBook
  • eBook eBook Mex$179.99
  • Paperback Paperback Mex$1025.99
Mex$179.99 Mex$820.99
Mex$1025.99
Right arrow icon

About the authors

Left arrow icon
Profile icon Elisabeth Robson
Elisabeth Robson
Elisabeth Robson is a co-founder and principal at WickedlySmart, an author and software developer, and teaches online courses for O'Reilly Media and LinkedIn Learning. She's the co-author of four best-selling titles—Head First JavaScript Programming, Head First Design Patterns, Head First HTML & CSS, and Head First HTML5 Programming—and was previously the director of special projects and co-director of the Head First series at O'Reilly Media. Prior to her work at O'Reilly Media, Elisabeth was the director of engineering at The Walt Disney Company. Elisabeth holds a master's degree in computer science from Yale University.
Read more
See other products by Elisabeth Robson
Profile icon Eric Freeman
Eric Freeman
Eric Freeman is described by Head First series co-creator Kathy Sierra as “one of those rare individuals fluent in the language, practice, and culture of multiple domains from hipster hacker, corporate VP, engineer, think tank.” Professionally, Eric recently ended nearly a decade as a media company executive, having held the position of CTO of Disney Online at The Walt Disney Company. Eric now devotes his time to writing and teaching software technology.
Read more
See other products by Eric Freeman
Right arrow icon
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

How can I download a video package for offline viewing? Chevron down icon Chevron up icon
  1. Login to your account at Packtpub.com.
  2. Click on "My Account" and then click on the "My Videos" tab to access your videos.
  3. Click on the "Download Now" link to start your video download.
How can I extract my video file? Chevron down icon Chevron up icon

All modern operating systems ship with ZIP file extraction built in. If you'd prefer to use a dedicated compression application, we've tested WinRAR / 7-Zip for Windows, Zipeg / iZip / UnRarX for Mac and 7-Zip / PeaZip for Linux. These applications support all extension files.

How can I get help and support around my video package? Chevron down icon Chevron up icon

If your video course doesn't give you what you were expecting, either because of functionality problems or because the content isn't up to scratch, please mail customercare@packt.com with details of the problem. In addition, so that we can best provide the support you need, please include the following information for our support team.

  1. Video
  2. Format watched (HTML, MP4, streaming)
  3. Chapter or section that issue relates to (if relevant)
  4. System being played on
  5. Browser used (if relevant)
  6. Details of support
Why can’t I download my video package? Chevron down icon Chevron up icon

In the even that you are having issues downloading your video package then please follow these instructions:

  1. Disable all your browser plugins and extensions: Some security and download manager extensions can cause issues during the download.
  2. Download the video course using a different browser: We've tested downloads operate correctly in current versions of Chrome, Firefox, Internet Explorer, and Safari.