jQuery Memory Game Project - Fun coding Project with jQuery
4.5 (7 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,951 students enrolled

jQuery Memory Game Project - Fun coding Project with jQuery

Wanna play a game? How about learn to create one? Create a web based memory game from scratch using jQuery
4.5 (7 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
3,951 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
23 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1 hour on-demand video
  • 8 articles
  • 1 downloadable resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • 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
Course content
Expand 19 lectures 57:50
+ Introduction to creating a Memory game using jQuery
19 lectures 57:49
HTML and CSS setup
04:57
Source Code
00:27
Build Game Board
06:22
Source Code
00:13
Randomize of array contents
03:44
Source Code
00:13
Flip the Cards
06:37
Source Code
00:21
Apply Game Play.
06:57
Source Code
00:31
Reset Cards to Back.
03:09
Source Code
00:33
Game Over Bug Fix
03:26
Source Code
00:36
Memory Game Code Review.
07:25
Source Code
01:02
Requirements
  • JavaScript HTML and CSS
  • jQuery experience
  • Computer access
  • Web coding experience
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