Mini-Projects : 5 x 5% = 25%

  1. Circles
  2. Text Toy
  3. What Thing Are You?
  4. Map Tour
  5. Slideshow
  6. Classes & Constructor
  7. Canvas Animation
  8. Weather App

Your grade in these assignment will be based on your careful handling of design, code (JavaScript, HTML, CSS) and content. Choose 5 of the 8 projects.

Map Story: 10%

Build a site using the Mapbox API .  Create a map with at least 5 markers that tells a story about a place you visited, lived in, would like to visit or make fictional journey across different locations. Include images and text, video/audio (if needed) and a Mapbox map with javascript and interactive features with jQuery.

Creative Programming: 10%

This project is intended to loosen you up with programming and to test some ideas towards your final project. Think of this as the preliminary phase of the the final project. Don’t worry about something polished or even practical. The idea is to push your current knowledge of javaScript and jQuery towards building interesting interactive objects. The crazier your approach, the better. You will be graded on your effort and your process of discovery.

Final Project: 20%

The Final Project is quite open, but it must include your own scripting in JavaScript and jQuery. In this class we have explored JavaScript, the Google Maps API, and the jQuery library. Now is the time to put all of these skills together in a project for your portfolio. The subject and genre may be anything, but you will have to design something that involves user interaction with multimedia.

Multimedia means using text, images, video, audio, maps in an integrated way. Javascript and jQuery can be used to add animation, create galleries, dynamic video/audio, interactive bits -anything you want.  You will be graded on your own creative scripting using javascript/jQuery (30%),  interface and interaction design (30%), the completion of the content (30%), and general effort (10%). 

Although you may use plugins for certain effects, you must show your own JavaScript and jQuery scripting.


Leave a Reply