Memory Card Game - JavaScript Tutorial
Offered By: freeCodeCamp
Course Description
Overview
Build a memory card game using pure JavaScript in this comprehensive tutorial. Master fundamental concepts like DOM manipulation, event handling, and advanced CSS techniques. Learn to select elements with querySelector, iterate through lists using forEach, manage element classes, implement timeouts, and utilize HTML5 data attributes. Explore CSS3 features including positioning, flexbox, perspective, backface-visibility, and transitions. Follow along as the tutorial covers creating the basic structure, designing the game board, implementing card flipping mechanics, adding 3D effects, storing and matching cards, refactoring code, locking the board, handling double-clicks, and shuffling cards. Access the demo, source code repository, and finished files to enhance your learning experience.
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
Current Gen 3D Game Prop ProductionMichigan State University via Coursera Make an Action Bar in Unity Part 1 - Modular Action System
Coursera Project Network via Coursera Advanced Game Development Using PyGame
Coursera Project Network via Coursera بالتطبيق العملي C# تعلم أساسيات لغة
Coursera Project Network via Coursera Alojamiento de servidores para juegos con Amazon EC2 (Español LATAM) | Game Server Hosting with Amazon EC2 (LATAM Spanish)
Amazon Web Services via AWS Skill Builder