Schedule – Spring 2018

Week 1

Introduction

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
traversing

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)

supersurvey


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:

Objects
constructors/object literals

Google Maps Intro – class notes

Geo Games: locatestreetearthpicker

Start a map

 

TH February 8

Map Resource page

WORKSHOP: Map Story

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

Events
Effects

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

WORKSHOP: Map Story

DEBUGGING / TESTING

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

SPRING BREAK

March 13

NO CLASS

 

TH March 15

NO CLASS

 

 


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

Workshop

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.

Workshop

TH April 26

Final Projects Due on Wed. December 13

Final Projects