The first 1000 people to use the link will get a free trial of Skillshare Premium Membership:
JavaScript Simplified Course:
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:
CSS Data Attribute Blog Article:
Emmet Tutorial:
🧠 Concepts Covered:
- OOP JavaScript
- CSS data attributes
- JavaScript modules
- How to plan a large project
🌎 Find Me Here:
My Blog:
My Courses:
Patreon:
Twitter:
Discord:
GitHub:
CodePen:
⏱️ 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