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
Hide player controls
Hide resume playing