Spring 2016
Interactive 2, GRAPH-228-02
California College of the Arts
SF Main Campus, Room W1
Tuesday, Thursday 7:15 – 10:15pm
Instructor: Mindy Seu, mindyseu@cca.edu
TA: John Wegner, jwegner@cca.edu

Lecture PDFs

Surveillance and Data Mining
Jurriaan Schrofer
Muriel Cooper
Takenobu Igarashi
jQuery Basics

Google Docs


For code editing, we will use Sublime Text.
For website hosting, we will use Github Pages.
For code learning, we will use Codecademy.


Shay Howe's Guide to HTML & CSS
Learn Layout
Free Code Camp


FlexBox Example
The Shapes of CSS
CSS Animations
Clippy CSS
Nav Bars


Click a button and toggle
Mouseenter, mouseleave and Hover
Scroll and alert
Accordion slideToggle
Turn on and off lights with button
jQuery Examples
Change background color
Scroll to anchor smoothly
Draggable div


If you find yourself stuck while writing code, remember to be patient. If you haven't already, try breaking your problem down into smaller, more manageable parts. Search Google or Stack Overflow for how to solve those parts, one at a time. Remember that most of the time you spend writing code will be fixing bugs. (And sometimes bugs will allow you to discover something new you haven't ever seen before!)

However, if you reach a point in which you absolutely need help and must ask another human, please considerately phrase your code question in the form of a jsFiddle. (To do this, type your code in the appropriate boxes and press "Run". Once it looks right, press "Save". Copy and paste the URL at the top.) In an email, explain everything you know so far about the problem and paste the link to the jsFiddle.


MIT Code Lectures
Eloquent Javascript
Getting Git Right
Unix for Mac OS X Users
Open Source Web Fonts
Copy Paste Character
A History of Internet Art


CCA's Learning Resource Center

Sister classes

Interactive 1 by Kelly Walters, CCA
Very Interactive by Laurel Schwulst

Updated on May 09, 2016