How To Build A Simple Card Game With JavaScript

How To Build A Simple Card Game With JavaScript

The first 1000 people to use the link will get a free trial of Skillshare Premium Membership: https://skl.sh/webdevsimplified11201

JavaScript Simplified Course: https://javascriptsimplified.com

Card games may appear simple on the surface, but there is actually a lot of planning and problem solving that goes into creating a card game. In this video I show you how to create a deck of cards in JavaScript and CSS. Then I show you how to build a the simple card game war with this deck of cards.

ūüďö Materials/References:

GitHub Code: https://github.com/WebDevSimplified/War-Card-Game
CSS Data Attribute Blog Article: https://blog.webdevsimplified.com/2019-10/use-data-attributes-in-css
Emmet Tutorial: https://youtu.be/V8vizNQKtx0

ūü߆ Concepts Covered:

– OOP JavaScript
– CSS data attributes
– JavaScript modules
– How to plan a large project

ūüĆé Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified

‚ŹĪÔłŹ Timestamps:

00:00 – Introduction
01:31 – Demo
02:16 – Deck of Cards Setup
13:58 – HTML
15:39 – CSS
24:56 – Dynamically Render Cards
28:19 – Implement Game Logic
42:48 – Outro

Disclaimer:
This video was sponsored by Skillshare

#CardGame #WDS #JavaScript

Powered by WPeMatico

About Guaripete Solutions

Guaripete Solutions SEO Agency in Charlotte North Carolina, with personalized SEO Consulting Services, Small and Medium Business Social Media Marketing Services, and Website Builder Experts oriented to our Customers.