Resources

Programming Languages


p5.js is a Javascript library that starts with the original goal of Processing--to make coding accessible for artists, designers, educators, and beginnners--reinterpreted for today's web.

p5.js is a free, open source, web-based platform where students can create and store projects and is the preferred platform for the SFUSD Creative Computing course.


p5.JS CHEAT SHEETS

p5cheatsheet-ES.pdf

p5.js Cheat Sheet - English

p5cheatsheet.pdf

Hoja de Trucos de p5.js - Español

p5CheetSheetAdv.pdf

p5.js Advanced Cheat Sheet

SUGGESTED TEXTS FOR p5.JS

  • Make: Getting Started with p5.js

  • Learning Javascript with p5.js

  • Generative Design: Visualize, Program, and Create with Javascript in p5.js

p5.js Cheat Sheets in other languages are available here.

PROCESSING

Processing is an open-source flexible software sketchbook and a language for learning how to code within the context of the visual arts.

Processing uses the Java language along with a Graphical User Interface for simplifying the compilation and execution stage.

Processing must be installed locally on a Windows or Apple laptop or desktop. Processing is not suitable for Chromebooks or tablet devices.

SUGGESTED TEXTS FOR PROCESSING

  • Processing: A Programming Handbook for Visual Designers and Artists

  • Make: Getting Started with Processing

  • Type + Code: Processing for Designers

Other Programming Languages/resources

  • Arduino: Open-source electronic prototyping platform enabling users to create interactive electronic objects.

  • MakeCode: Open-source Blocks/Javascript editor for the micro:bit, Circuit Playground Express, et al.

  • micro:Bit: Open-source pocket-sized computer that encourages students to write software for computers.

  • The Nature of Code: A programming course focused on the simulations of natural occurrences in the physical world.