JavaScript High Low Card Game Project From Scratch
4.7 (15 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.
2,542 students enrolled

JavaScript High Low Card Game Project From Scratch

Explore how to create an interactive dynamic web application from scratch. Built using JavaScript CSS and HTML together
4.7 (15 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.
2,542 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2.5 hours on-demand video
  • 8 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
  • create a high low card game from scratch
  • be able to better apply JavaScript within web games and web applications
  • use JavaScript along with CSS to design interactive online content
Course content
Expand all 34 lectures 02:34:20
+ Create JavaScript Game
13 lectures 01:03:09
Create start screen for players
06:32
Create Start event game play start
04:16
Build a deck of cards JavaScript Array Objects
09:42
How to randomize an array with JavaScript
09:40
Add data to an object within the array JavaScript
04:09
Output Card value to HTML element JavaScript
05:21
Add player gameplay options buttons JavaScript
04:34
Source Code
00:53
Adding color to output JavaScript
02:55
Quick Style your output CSS
02:30
Winner Check function JavaScript
05:45
Completed Simple Gamplay JavaScript
05:35
Simple Game Complete Source Code
01:17
+ Game Enhancements Fun additions to the game
11 lectures 01:00:55
Add betting input HTML
04:58
CSS to build a card
10:35
CSS for Card
05:17
Source for Card
00:22
Add CSS card debug dashboard
03:22
Debug Gameplay cleanup code
05:42
Bet adjustments event-listeners JavaScript
03:36
How to debug your JavaScript
09:08
Button Styling CSS
04:16
Debugging JavaScript code
06:15
Code Tidy up and game ending
07:24
+ Course Overview
7 lectures 19:11
CSS source
00:34
Overview JavaScript
10:10
Source Code JavaScript
01:08
Course Conclusion
03:07
Source Code HTML
00:27
Course Resources
00:00
Requirements
  • HTML
  • CSS
  • JavaScript
  • Desire to learn how to use the language together
Description

Learn the steps to create an interactive web based game from scratch, using JavaScript HTML and CSS. This course is designed for beginners who want to explore how to build, debug and enhance web projects.  

Explore how to create applications applying your knowledge of HTML, CSS and JavaScript!

Please note that some basic knowledge of these languages is required as the course focus is to cover the development process.  Prerequisites to this course include a basic knowledge of front-end coding.

Step by step guidance to building interactive applications.   

The course will walk through how to create a web game and how to debug and address issues when coding applications.

The card game that is created within  this course is a simple High Low guessing game.  The objective of the game is to guess if the next card is higher or lower than the current card.  A correct guess is a win and an incorrect guess is a loss.   

  • Learn how to develop your game and structure your game logic
  • build needed functionality to performance the game objectives.
  • create attractive interactive elements
  • apply game logic as you build your application 
  • debug and QA your application
  • enhance and add features and functionality
  • test and next steps to application building

This course is taught by an instructor with over 18 years of web development experience.  Ready to answer your questions and help you learn more about web development.

One of the best ways to learn is to practice and try it for yourself.  Source code is included to get you started quickly.  Code review at the end of the course and a complete overview of the source code.

When you are ready start building your interactive web application today. 




Who this course is for:
  • Beginners to web development
  • web application developers
  • anyone looking for a fun project to build