JavaScript Card War Game Project Course
4.4 (7 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,141 students enrolled

JavaScript Card War Game Project Course

Create a dynamic fully functional card game using JavaScript - source code is included build your own version
4.4 (7 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,141 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto-generated]
Current price: $69.99 Original price: $99.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2 hours on-demand video
  • 15 articles
  • 3 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • How to use JavaScript
  • How to create elements dynamically
  • Manipulate elements using JavaScript
  • Explore JavaScript Document Object Model
Course content
Expand all 31 lectures 02:10:19
+ Card war game using JavaScript
29 lectures 02:05:46
Source Code setup
00:10
Source Code
00:18
Create Deck of Cards using JavaScript Arrays
04:26
Source Code
00:31
Create Game Players Dynamic values JavaScript
08:01
Source Code
00:45
Deal the cards with JavaScript
07:43
Source Code
00:52
Make Cards for Players each players hand of cards using JavaScript
09:19
Source Code
01:05
Make the Card Look Better CSS and HTML structure
04:27
Source Code
01:19
Game Logic and next steps to developing functional game
06:18
Source Code
01:28
Handle Winner of Deal and logic to handle win
08:12
Source Code
01:41
Multiple Rounds Attack more interactive fun within the game
05:42
Source Code
01:48
Fix Playoff Function using JavaScript shorten and reuse code
10:50
Source Code
01:54
Game Restart option to replay game for player JavaScript
05:25
Source Code
02:03
Tweaks and Fixes debugging application and improving the user experience
11:27
Source Code
02:15
Battle Game Code Review and improvements
11:46
Debug of Playoff Issue final bug fixes and game improvements
01:49
Source Code
02:15
Requirements
  • Fundamental JavaScript concepts
  • Access to computer
  • Use of editor to write code
Description

Learn more about JavaScript - DOM manipulation while building a fun interactive game from scratch

Card war game - highest card wins the pot of cards -

Game outline

  1. Let the user select the number of players

  2. Use JavaScript to create a deck of cards (52)

  3. Deal the cards to each player evenly

  4. Flip the top card for each player

  5. Check which card it the highest value - if there is a tie run a playoff

  6. On tie run the playoff function checking to see the players followup cards and who has the highest.  If the player runs out of cards they lose.

  7. Let the player determine how many rounds of attack will be run

  8. Keep running steps 4-7 until one player holds all the cards and is the winner

  9. Once a winner is determined allow the player to restart the game build the sequence again

Course Covers

  • Element selection and manipulation

  • Creating arrays in JavaScript - Array methods and array data handling

  • Adding event listeners to listen for user interactions

  • Updating element style properties and values on the fly

  • Adding and removing element classes

  • Creating elements dynamically and adding them to the page

  • Applying game play logic and game development logic

  • Big fixes and debugging applications

  • Checking game logic and applying game logic to create play path

  • Source Code is included

No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application.

Step by step learning with all steps included.

Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game.  Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused.  

Along with friendly support in the Q&A to help you learn and answer any questions you may have.

Try it now you have nothing to lose, comes with a 30 day money back guarantee.  

Start building your own version of the game today!!!!

Who this course is for:
  • Beginners to JavaScript
  • Anyone who wants to practice writing JavaScript
  • Web developers
  • Anyone who wants to learn to make a JavaScript game without any libraries
  • Beginners to JavaScript curious about Document Object Model and JavaScript Methods