| 
  • If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.

  • Stop wasting time looking for files and revisions! Dokkio, a new product from the PBworks team, integrates and organizes your Drive, Dropbox, Box, Slack and Gmail files. Sign up for free.

View
 

Lecture - jQuery Card Game - Serenity

Page history last edited by Dr. Ron Eaglin 5 years, 5 months ago

Firefly Matching Card Game - jQuery and jQuery UI

 

 

Prerequisites

 

This is an advanced jQuery video covering drag/drop and multiple features of jQuery

 

Summary

 

Covers how the matching card game is created with Javascript, jQuery, HTML, and CSS. Demonstrates a matching game.

 

Video 

 

 

Reference Materials

 

 

Code is available at http://jsfiddle.net/reaglin/h4wwrdo5/ 

 

Draggable Documentation - http://api.jqueryui.com/draggable/ 

Droppable Documentation - http://api.jqueryui.com/droppable/ 

Creating Javascript Objects - http://www.w3schools.com/js/js_object_definition.asp 

Creating Javascript Arrays - http://www.w3schools.com/js/js_object_definition.asp 

jQuery data method - http://api.jquery.com/jquery.data/ 

jQuery appendTo method - http://api.jquery.com/appendto/ 

jQuery attr method - http://api.jquery.com/attr/ 

 

jsonData.json

 

Additional Information

 

The techniques shown here can be easily simplified to easily create any type of matching game or quiz.

 

COP 4813 Lectures

Comments (0)

You don't have permission to comment on this page.