Building projects is a great way to improve your programming skills.
We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to create a digital card game with JavaScirpt, HTML, and CSS. This course was created by Gavin Lon who is an experienced software developer and teacher.
This tutorial not only covers creating a basic card game using JavaScript
but also:
- how to create dynamic user interactive code using vanilla JavaScript
- Creating some animation effects
- Responsive layout design using CSS grid, CSS FlexBox and media queries
- How to dynamically change the positions of grid cells, so as to randomize the positions of the cards contained in a css grid using JavaScript,
- localStorage functionality
- and much more…
Here are the sections in this course:
- Getting Started
- Live Server Extension
- Create Cards - HTML
- Create the Game Play Grid
- Create Cards Dynamically - JS Code
- Initialise Card Positions
- Load Game and Start Game
- Stack Cards
- Flip Cards
- Shuffle Cards
- Deal Cards
- Choose Card
- Styling and Layout
- Animation
- Responsive Layout
- Local Storage
Watch the course on the freeCodeCamp.org YouTube channel (2-hour watch).