How To Build A Simple Card Game With JavaScript
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
if playerDeck and computerDeck are an object made from the class Deck then how is it able to access the getHTML property from class Card?
Love your tutorials. I think I bit off more than I could chew because I chose to code Solitaire as my first coding project for bootcamp. This will help me out a lot because all I'm trying to do now is get some dang cards on the screen 😂.
I cant even figure out how spread out cards on the x axis 😭
Min 5:56 😅
Hey what about a chess clone?
Translate in Hindi dude
Your videos are great…succinct and informative.
@8:53 thought i was having a stroke
how do I contact you?
how do add a picture after the even of winning or losing happens?
I would love for your help to develop an app! This is amazing!
Love watching your videos!
Note: your shuffle function will never have the last card remain in the last slot.
Wonderful tutorial, thx a lot =)
Thank you for this contet!
13:50 No Pattern completely random, ME sees J, J, J, 10,10,10
Github Copilot knows a bunch of this code already
Build a Poker Game pls (Hold' em Texas) lol
so much helpful.. thanks bro