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/W...
CSS Data Attribute Blog Article: https://blog.webdevsimplified.com/201...
Emmet Tutorial:    • Learn Emmet In 15 Minutes - Double Yo...  


🧠 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:   / webdevsimplified  
Twitter:   / devsimplified  
Discord:   / discord  
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