Resources

Course Materials

• Class Introduction + P1: Instruction
• P2: Parameter
• P3: Randomness
• P4: Repetition

• p5.js: Setup/intro
• Github: Getting Started
• Using AI for Debugging: What to Consider

• Student Archive

RISD Resources

• Code Lab 2021
• Code Lab 2020

p5.js Setup

• p5.js web editor
• p5.js reference
• p5.js debugging
• p5.js educational resources

p5.js Tutorials and Books

• Coding Train
• Lynda.com
• The Nature of Code: Simulating Natural Systems with Processing
• Getting Started with p5.js: Making Interactive Graphics in JavaScript and Processing
• Form and Code: In Design, Art, and Architecture

p5.js cheat sheet

• p5.js cheat sheet (1)
• p5.js cheat sheet (2)

d3.js + p5.js

• p5/D3 Cookbook
• Using d3.js utilities for data visualization in p5.js

Javascript

• Eloquent JavaScript
• 33 Concepts Every JavaScript Developer Should Know
• Javascript Visualizer
• Javascript Object Explorer

Other js Libraries

• paper.js: vector graphics scripting framework
• three.js: 3d library
• svg.js: library for manipulating and animating SVG.

OOP Design Principles

• 10 Object-Oriented Design Principles
• Principles of Object-Oriented Programming in JavaScript

Debugging & Troubleshooting

• Mozilla: Developer Tool Guide
• Chrome Dev Tools
• W3C HTML Validator
• Stackoverflow
• SublimeLinter

Cross Browser Compatibility

• Can I Use
• CSS Trigers
• Autoprefixer CSS