cop4813eaglin

If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.
Whenever you search in PBworks or on the Web, Dokkio Sidebar (from the makers of PBworks) will run the same search in your Drive, Dropbox, OneDrive, Gmail, Slack, and browsed web pages. Now you can find what you're looking for wherever it lives. Try Dokkio Sidebar for free.

Lecture - jQuery Card Game - Serenity

Page history last edited by Dr. Ron Eaglin 8 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/

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.