JavaScript High Low Card Game Project From Scratch
5.0 (4 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,540 students enrolled
Wishlisted Wishlist

Please confirm that you want to add JavaScript High Low Card Game Project From Scratch to your Wishlist.

Add to Wishlist

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
5.0 (4 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,540 students enrolled
Created by Laurence Svekis
Last updated 6/2017
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 2.5 hours on-demand video
  • 7 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
  • HTML
  • CSS
  • JavaScript
  • Desire to learn how to use the language together

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 is the target audience?
  • Beginners to web development
  • web application developers
  • anyone looking for a fun project to build
Compare to Other JavaScript Courses
Curriculum For This Course
33 Lectures
Introduction to Application development
2 Lectures 09:51
Create JavaScript Game
13 Lectures 01:03:58
Create start screen for players

Create Start event game play start

Build a deck of cards JavaScript Array Objects

How to randomize an array with JavaScript

Add data to an object within the array JavaScript

Output Card value to HTML element JavaScript

Add player gameplay options buttons JavaScript

Source Code

Adding color to output JavaScript

Quick Style your output CSS

Winner Check function JavaScript

Completed Simple Gamplay JavaScript

Simple Game Complete Source Code
Game Enhancements Fun additions to the game
11 Lectures 01:00:57
Add betting input HTML

CSS to build a card

CSS for Card

Source for Card

Add CSS card debug dashboard

Debug Gameplay cleanup code

Bet adjustments event-listeners JavaScript

How to debug your JavaScript

Button Styling CSS

Debugging JavaScript code

Code Tidy up and game ending
Course Overview
7 Lectures 20:04

CSS source

Overview JavaScript

Source Code JavaScript

Course Conclusion

Source Code HTML

Course Resources
About the Instructor
Laurence Svekis
4.2 Average rating
14,354 Reviews
315,448 Students
188 Courses
Instructor, 18+yrs Web Experience

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today

Providing Web development courses and digital marketing strategy courses since 2002.

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998.  I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides."

"Learning, understanding with a strong passion for education.  The internet has provided us with new opportunities to expand and share knowledge."

Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how to bring amazing things to life online.  Technology connects us all in many ways.  It opens up doors to those who embrace it and learn how to make those connections real.

"My courses are designed to help you achieve your goals, learn and update skills"

Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications.  Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO

"Understanding technology provides a means to better connect with users.  It also opens so many doors.   Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"