Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

jQuery Memory Game Project - Fun coding Project with jQuery

person icon Laurence Svekis

4.4

jQuery Memory Game Project - Fun coding Project with jQuery

jQuery Memory Game Project

updated on icon Updated on Apr, 2024

language icon Language - English

person icon Laurence Svekis

English [CC]

category icon Development,jQuery

Lectures -13

Resources -1

Duration -53 mins

4.4

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

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

What will you learn in this course:

  • 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

What are the prerequisites for this course?

  • JavaScript HTML and CSS
  • jQuery experience
  • Computer access
  • Web coding experience
jQuery Memory Game Project - Fun coding Project with jQuery

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction
12 Lectures
  • play icon Memory Game Project Introduction 02:38 02:38
  • play icon Course Resources
  • play icon Web Developer Setup 03:50 03:50
  • play icon HTML and CSS setup 04:57 04:57
  • play icon Build Game Board Start Game. 04:46 04:46
  • play icon Build Game Board 06:22 06:22
  • play icon Randomize of array contents 03:44 03:44
  • play icon Flip the Cards 06:37 06:37
  • play icon Apply Game Play 06:57 06:57
  • play icon Reset Cards to Back 03:09 03:09
  • play icon Game Over Bug Fix 03:26 03:26
  • play icon Memory Game Code Review 07:25 07:25

Instructor Details

Laurence Svekis

Laurence Svekis

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual 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

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515