Schedule – Spring 2018

Week 1


T January 9

Intro notes

Software, Tools and Resources

Eloquent JavaScript


TH January 11

Review HTML/CSS, introduce Forms

Intro to Programming Concepts


Week 2

Javascript 1

Assignments: CodeAcademy | Introduction to Javascript : “Introduction to JavaScript”, “Variables”,”Control Flow”

Read: Eloquent Javascript


January 16

JavaScript Exercises: statements, comments, data, strings, numbers, operators, conditionals
JavaScript Objects : Math, Date, Array

TH January 18

Mini-project#1: Create an interactive text toy

Mini-projects List

W3Schools Reference


Week 3

JavaScript 2

Assignments: CodeAcademy |Introduction to Javascript : “Functions”, “Scope”, “Arrays”, “Loops”

Read: Eloquent Javascript


January 23

Digital Canvas – submit!

Javascript Talk/Exercises2 – PDF

JavaScript Talk:

  • functions
  • for loops, while loops
  • arrays


TH January 25

Organize class partners based on rating 

Mini-project#2: TBA


Week 4

Javascript 3

Assignments: CodeAcademy |Introduction to Javascript : “Iterators”, “Objects”

Read: Eloquent Javascript:


January 30

Javascript Talk/Exercises3 – PDF

JavaScript and the DOM

nested for loops
nested conditionals
nested arrays
array methods

Intro to Objects

TH February 1

Mini-project#3: Create a What Thing Are You Quiz

WORKSHOP: What Thing Are You Quiz?  (functions and for loop)

Vote example
Scale example
Complex example

javascript-test.html (complete)


Week 5

Javascript 4 / Google Maps API

Assignment: Get familiar with the Google Maps Javascript API

Try to put a simple map on a webpage


February 6

JavaScript Talk:

constructors/object literals

Google Maps Intro – class notes

Geo Games: locatestreetearthpicker

Start a map


TH February 8

Map Resource page


Mini-project#4: Create a Map Tour

JavaScript Quiz Study Guide


Week 6

jQuery 1

Assignments: CodeAcademy – jQuery Setup, jQuery Effects,


February 13

Quiz #1: JavaScript

jQuery Talk/Exercises1 – PDF

jQuery starter document

jQuery  intro on w3schools

TH February 15

Rick Silva – Digital Artist Talk



Week 7

jQuery 2

Assignments: CodeAcademy |  Mouse EventsModifying CSS with Style Methods, Traversing the DOM

February 20

jQuery Talk 2 – PDF


Mini-project#5 : Build a Slideshow

jQuery Slideshow Template

TH February 22

Quiz overview

Sample Map for review

Map Resource page

Map Story Projects (in progress)

WORKSHOP: Map Story Projects

Week 8

Map Story

Assignment: Finish Map Project


February 27



Chrome DevTools Overview


TH March 1

Quiz#2:  jQuery

DUE: Map Project

View Map Projects

Week 9

Creative Programming 1

March 6

Objects talk

Creative Programming: Notes

Creative Programming: 20%

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.

  • What HTML5 & JavaScript functionalities are you exploring?
  • What are you going to research?
  • What are the development steps to complete the project?
  • How is this project testing ideas for a final project?

TH March 8

Mini-project#6 : Build an Character Constructor


Week 10


March 13



TH March 15




Week 11

Creative Programming 2


March 20

Mini-project#7 : Create a Animation with Canvas

Timing EventsSetTimeoutSetInterval

TH March 22

Mini-project#8 : Create a Weather App



Week 12

Creative Programming 3

Email me  a description of your Final Project idea


March 27

Mini-project#9 : Create an Interactive Video 


TH March 29

Mini-project#10 : Create Generative Image/Audio Work

Web Audio API


Week 13

Final Project

T April 3

WORKSHOP: Creative Programming Project

TH April 5

DUE: Creative Programming Project
View Creative Programming Projects

jQuery Overview

Final Project: 25%

The Final Project is quite open, but it must include your own scripting in JavaScript/jQuery. In this class we have explored skrollr, JavaScript maps and basic jQuery interaction. You have also had the chance to write your own scripts in a creative way. 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%) and the completion of the content (30%).

BRAINSTORM: Final Project

Week 14

Final Project

Work on final projects


April 10

QUIZ #2:  jQuery

WORKSHOP: Final Project

Final Projects (in-progress) 


TH April 12

WORKSHOP: Final Project

Final Projects (in-progress) 

Week 15

Final Project

April 17

Projects – Critique

WORKSHOP: Final Project

Final Projects (in-progress) 

TH April 19

WORKSHOP: Final Project

Final Projects (in-progress) 

Week 16

Final Presentations

April 24


Final Projects (in-progress) 


**On your Final Projects, include a brief statement (as a link or pop-up) and commented-out description (on the html page) about the sources you used (include links) and how/what your scripted.


TH April 26

Final Projects Due on Wed. December 13

Final Projects