Overview
Learn to improve your JavaScript skills by creating a basic card game with HTML and CSS. This course will teach you how to create dynamic user interactive code using vanilla JavaScript, implement animation effects, design a responsive layout using CSS grid, FlexBox, and media queries, change grid cell positions dynamically, utilize localStorage functionality, and more. The course includes hands-on tutorials and covers topics such as creating cards, game play grid, card manipulation, styling, animations, responsive design, and local storage. The course is suitable for individuals looking to enhance their JavaScript skills and create interactive web applications.
Syllabus
⌨️ Introduction
⌨️ 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
Taught by
freeCodeCamp.org