Introduction

What is computational media?

What is programming?
How can I apply programming to _____________?
As a ____________, why would I want or need to write software?
Example projects for Inspiration
Can programming be an expressive medium?
Why are we introducing programming through drawing?

Programming language discussion

General discussion of programming languages
History of creative coding frameworks
- Processing and p5.js (and what's processing.js?)
- Introduction to Code with p5.js Video
- p5.js Web Editor Promo Video
- History of p5.js video
- openFrameworks, Cinder
- Max/MSP dataflow programming
- How does Arduino fit in?

p5.js in the context of the browser

Landscape of HTML, CSS, and JavaScript
Other JS frameworks
Server-side vs. client-side
What is the difference between p5 and JavaScript?

Participating in an open-source community

What is git and github?
When should you post to a forum vs. file a github issue?
Who makes these things?

Drawing

Getting started, your first program

p5.js Web Editor Tutorial
Drawing with numbers video tutorial
Shape and color functions video tutorial
Errors and Console Video Tutorial
Code Comments Video Tutorial
setup() and draw()
p5.js reference

Getting Started with p5.js book

Chapter 1-3 of Getting Started with p5.js book | NYU Library Ebook (free, must be on campus to access) | Code

Additional viewing / reading:

Pick an Eyeo Talk that looks interesting

More on p5

More on computational drawing

More on the Internets

As We May Think, Vannevar Bush
Long Live the Web, Tim Berners-Lee