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 ... https://www.youtube.com/watch?v=NxRwIZWjLtE