Learn how to build a memory card game using pure JavaScript without any frameworks or libraries. The course covers selecting elements in the DOM, iterating through lists, adding/removing element classes, managing event listeners, using timeouts, utilizing HTML5 data-attributes, and applying CSS3 techniques like positioning, flexbox, perspective, backface-visibility, and transitions. The teaching method includes a step-by-step tutorial video with a demo and finished files available for reference. This course is intended for individuals looking to strengthen their JavaScript skills through hands-on practice in creating a fun and interactive game.
Overview
Syllabus
) Intro.
) Basic Structure / Create the Project.
) Board HTML.
) Board Styles.
) Flip Card.
) 3d Effect / CSS3 Perspective.
) Store Cards.
) Match Cards.
) Refactoring.
) Lock Board.
) Card Double Click.
) Shuffling.
Taught by
freeCodeCamp.org
Related Courses
-
JavaScript Tutorial - Create a Card Game
-
JavaScript Card War Game Project Course
-
How to create a JavaScript Game Number Guessing Game Project
-
Code a 2D Game Using JavaScript, HTML, and CSS (w/ Free Game Assets) – Tutorial
-
Animated Physics Game with JavaScript - Tutorial
-
Complete JavaScript Projects Course Games 55 Modern JS DOM
