Web Art

Week 1

No class (8/29)

Day 1 (8/31)

Topics

  • Introductions
  • Birth of the Internet
  • Introduction to HTML

Class Materials

Homework

  • Post a web "art" to the #references channel on Slack.

Week 2

No Class (9/5)

Day 2 (9/7)

Topics

  • Lists
  • Inline Text Elements
  • Semantic Markup
  • Multi-page Websites
  • Embedding Content

Class Materials

Homework

Week 3

Day 3 (9/12)

Topics

  • Audio/Video
  • Hosting with GitHub
  • Sublime Packages
  • Introduction to CSS

Class Materials

Day 4 (9/14)

Topics

  • Typography
  • IDs, Classes and Advanced Selectors
  • CSS Box Model

Class Materials

Homework

Week 4

Day 5 (9/19)

Topics

  • CSS Box Model
  • Horizontal Centering
  • Grids with Inline-Block

Class Materials

Homework

Day 6 (9/21)

Topics

  • CSS Position
  • CSS Animation

Class Materials

Week 5

Day 7 (9/26)

Topics

  • Animations
  • Transitions
  • Media Styling
  • Backgrounds

Class Materials

Homework

Day 8 (9/28)

Topics

  • Backgrounds
  • Pseudo-classes
  • Centering

Class Materials

Week 6

Day 9 (10/3)

Topics

  • Inheritance
  • Specificity
  • Banner Centering
  • Startup Generator

Class Materials

Day 10 (10/05)

Topics

  • CSS Across Pages
  • Variables
  • Writing HTML with JS

Class Materials

Homework

Week 7

Day 11 (10/10)

Topics

  • DOM Manipulation
  • Loops

Class Materials

Day 12 (10/12)

Topics

  • Loops
  • Arrays

Class Materials

Homework

  • Work on Midterm (due 10/26)

Week 8

Day 13 (10/17)

Topics

  • DOM Manipulation

Class Materials

Homework

  • Work on Midterm (due 10/26)

Day 14 (10/19)

Topics

  • CSS Chrome Extensions
  • JS Chrome Extensions

Class Materials

Homework

  • Work on Midterm (due 10/26)

Week 9

Day 15 (10/24)

Topics

  • JS Chrome Extensions
  • Midterm Lab Time

Class Materials

Homework

  • Work on Midterm (due 10/26)

Day 16 (10/26)

Topics

  • Midterm Critiques

Week 10

Day 17 (10/31)

Topics

  • Functions
  • Events

Class Materials

Homework

Day 18 (11/2)

Topics

  • Events
  • Conditionals
  • Canvas
  • p5.js

Class Materials

Homework

  • Final Project Proposal (due 11/16)

Week 11

Day 19 (11/7)

Topics

  • p5.js Random
  • p5.js Transformations
  • p5.sound

Class Materials

Homework

  • Final Project Proposal (due 11/16)

Day 20 (11/9)

Topics

  • p5.dom
  • p5.js Video
  • Nested Loops

Class Materials

Homework

  • Final Project Proposal (due 11/16)

Week 12

Day 21 (11/14)

Topics

  • p5.js Pixels
  • p5.js Camera
  • p5.js Typography

Class Materials

Homework

  • Final Project Proposal (due 11/16)

Day 22 (11/16)

Topics

  • One-on-one Meetings
  • ASCII Camera

Class Materials

Homework

  • Work on Final Project

Week 13

Day 23 (11/21)

Topics

  • p5.js Vertices & Shapes
  • Objects
  • Face Tracking

Class Materials

Homework

  • Work on Final Project

No Class (11/23)

Week 14

Day 24 (11/28)

Topics

  • Face Tracking
  • Emotion Tracking
  • p5.js in Chrome Extensions

Class Materials

Homework

  • Work on Final Project

Day 25 (11/30)

Topics

  • Objects & Particles
  • Final Project Lab Time

Class Materials

Homework

  • Work on Final Project

Week 15

No Class (12/5)

No Class (12/7)

Week 16

Day 26 (12/12)

Topics

  • JSON
  • APIs!

Class Materials

Homework

  • Work on Final Project