jQuery Memory Game Project - Fun coding Project with jQuery
jQuery Memory Game Project
Lectures -13
Resources -1
Duration -53 mins
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
Explore how you can use jQuery to create a fun interactive game from scratch.
Create this memory game which features dynamic content and can adjust with more items or less. Source code is included and suggested to try the code as you follow the lessons. Construct your own version of the game, then extend it and show off your skills. Learn in a fun interactive way how to produce web content and build some cool things online with jQuery.
Please note that HTML CSS and JavaScript are prerequisites to this course.
Upon completion of the course you will be able to build a memory game from scratch.
Course covers applying jQuery to build this mini project
How to setup your development environment editor and where to connect to jQuery
Game HTML and CSS structure
Logic to develop the memory game
Connecting to build a game board and starting the game
Elements of the game
Adding timer
Checking for win conditions
Moving the player to the next cards
All this and more
The memory game is a simple game that presents the player with a set of cards flipped over,
Objective of the game is to select 2 cards and try to find a match.
As you flip cards over remember the other side to complete the game in as few clicks as possible.
Game ends when all the cards are matched.
Enjoy learning have fun!!!!
Try the code for yourself and explore what you can do with JavaScript
Fast Friendly support to help answer any questions you might have and to help clarify content is always available in the Q&A section. Taught by an instructor with over 20 years real world experience ready to help you learn more. Step by step training resources and source code is also included to get you started quickly.
Who this course is for:
- jQuery developers
- frontend coders
- Web developers
- Web deisgners
- anyone who wants to create web applications
Goals
- How to apply jQuery in game development
- Use logic in programming an application from start to finish
- Use of JavaScript and jQuery to develop a game
Prerequisites
- JavaScript HTML and CSS
- jQuery experience
- Computer access
- Web coding experience
![jQuery Memory Game Project - Fun coding Project with jQuery jQuery Memory Game Project - Fun coding Project with jQuery](https://d3mxt5v3yxgcsr.cloudfront.net/courses/3129/course_3129_image.jpg)
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction
12 Lectures
-
Memory Game Project Introduction 02:38 02:38
-
Course Resources
-
Web Developer Setup 03:50 03:50
-
HTML and CSS setup 04:57 04:57
-
Build Game Board Start Game. 04:46 04:46
-
Build Game Board 06:22 06:22
-
Randomize of array contents 03:44 03:44
-
Flip the Cards 06:37 06:37
-
Apply Game Play 06:57 06:57
-
Reset Cards to Back 03:09 03:09
-
Game Over Bug Fix 03:26 03:26
-
Memory Game Code Review 07:25 07:25
Instructor Details
![Laurence Svekis](https://www.tutorialspoint.com/assets/profiles/212399/profile/200_204767-1592451022.jpg)
Laurence Svekis
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)