This is a place for p5.js related teaching resources -- links to syllabi, workshop materials, helper tools for teaching / classroom. Feel free to add things you create here (just click the "Edit" button). For examples and demos without related syllabi or teaching materials please see the contributed tools page.

Note that examples included may be using older versions of p5.js and might not be up to date.

Class / workshop syllabi

• Intro to Computational Media, NYU ITP F15
• Creative Coding, NYU IDM
• Generative Art with Processing, Bennington College F15
• Creative JavaScript, NYU ITP F14 - examples and notes
• Intro to Creative Programming, RISD D+M F13 - many examples
• Introduction to Interactive Computing, TCNJ F14 - examples and notes
• Programming from A to Z - procedural analysis and generation of text-based data using JavaScript and p5.js
• Mobile Art Workshop - intro to p5, websockets, interactivity, and sound for mobile web art
• Web Media, Moore College of Art S15 - intro to html, p5 and p5.js to generate web-based art projects
• Code as Medium, RISD S15 (Evelyn Eastmond) - many interactive codepen examples!
• Creative Coding for the Web, Culture Hub S15 - syllabus and notes
• Intro to Media Computing @ the School of Creative Media, Hong Kong
• Arduino + p5.js examples

Tools

• WordPress p5.js embedder - plugin to embed p5.js sketches into WordPress pages and posts

Tutorials

• Embedding p5.js - different ways of including sketches on existing sites or blogs.

Videos

• Daniel Shiffman Learning p5.js Vimeo channel - no ads
• Daniel Shiffman Learning p5.js YouTube playlist - has ads
• Kadenze course -- coming soon!
• Envato Tuts+ Course: How to Program Interactive Art With p5.js - register to watch free

Books

• Introduction to Programming with JavaScript, P5, and Processing , Robert Cook - interactive examples (jsfiddle)
• Getting Started with p5.js, Lauren McCarthy, Casey Reas, Ben Fry
• p5.js Programming Guide (in Japanese) p5.jsプログラミングガイド, Kouichi Matsuda, Tetsuo Yutani, Ayana Shiino

p5.js Resources

• p5.js reference
• p5.js forum
• p5.js tutorials
• p5.js on GitHub
• p5.js CDN
• Getting Started with p5.js - O'Reilly book
• Intro to Visual Programming with p5.js - online video tutorials (free with signup)

JS Resources

• Codecademy: JavaScript
• How to learn JavaScript properly
• JavaScript the right way
• Code School
• JavaScript garden
• A re-introduction to JS by Mozilla
• JavaScript 101 from JQuery
• JavaScript: The Definitive Guide
• Eloquent JavaScript, Marijn Haverbeke
• Beginning JavaScript, Paul Wilton and Jeremy McPeak
• JavaScript book

HTML+CSS Resources

• HTML & CSS book
• Codecademy HTML glossary
• Mozilla Intro to HTML
• Codecademy CSS glossary
• Mozilla Getting Started with CSS
• How to Become a Web Developer: Envato Tuts+ - register to watch free

General Programming

• lynda.com
• Codecademy
• Flat Iron School
• Programming Terms and Environments Summary
• A Brief Introduction to Debugging Video Series

Tools

• Github student developer pack - includes Digital Ocean $100 credit and more!
• Basic unix commands
• Checking code: JSLint / JSHint / ESLint / StandardJS
• Browser debugging: Chrome Developer Tools (tutorial) / Firebug (tutorial)
• Mobile debugging jsconsole.com
• Sharing code snippets (useful for asking questions via email): gist.github.com

Debugging

• A Brief Intro to Debugging Video Series
• p5.js debugging tutorial