Code! Programming with P5.js

Learn the fundamentals of computer programming using JavaScript and the p5.js creative computing environment in this 7-hour course designed for beginners. Explore variables, conditionals, iteration, functions, and objects while creating visual displays for various devices. Gain an understanding of computational media, develop programming skills, and acquire the ability to learn new tools for personal projects. Progress through topics including shapes, drawing, color, errors, variables, operators, functions, loops, object-oriented programming, arrays, and mouse interaction. By the end, create visually engaging programs and understand how to apply these skills to future computational media projects.

Code! Programming with p5.js for Beginners Trailer.
1.1: Code! Programming for Beginners with p5.js.
1.2: p5.js Web Editor - p5.js Tutorial.
1.3: Shapes & Drawing - p5.js Tutorial.
1.4: Color - p5.js Tutorial.
1.5: Errors & Console - p5.js Tutorial.
1.6: Code Comments - p5.js Tutorial.
2.1: Variables in p5.js (mouseX, mouseY) - p5.js Tutorial.
2.2: Variables in p5.js (Define Your Own) - p5.js Tutorial.
2.3: Incrementation Operators - p5.js Tutorial.
2.4: random() Function - p5.js Tutorial.
2.5: The map() Function - p5.js Tutorial.
2.6: createGraphics() - p5.js Tutorial.
3.1: Introduction to Conditional Statements - p5.js Tutorial.
3.2: The Bouncing Ball - p5.js Tutorial.
3.3: Else and Else if, AND and OR - p5.js Tutorial.
3.4: Boolean Variables - p5.js Tutorial.
4.1: while and for Loops - p5.js tutorial.
4.2: Nested Loops - p5.js Tutorial.
5.1: Function Basics - p5.js Tutorial.
5.2: Function Parameters and Arguments - p5.js Tutorial.
5.3: Functions and Return - p5.js Tutorial.
6.1: Introduction to Object-Oriented Programming with ES6 - p5.js Tutorial.
6.2: Classes in JavaScript with ES6 - p5.js Tutorial.
6.3: Constructor Arguments with Classes in JavaScript - p5.js Tutorial.
6.4: p5.js Web Editor: Adding JavaScript Files.
7.1: What is an array? - p5.js Tutorial.
7.2: Arrays and Loops - p5.js Tutorial.
7.3: Arrays of Objects - p5.js Tutorial.
16.4: for...of loop - Topics of JavaScript/ES6.
7.4: Mouse Interaction with Objects - p5.js Tutorial.
7.5: Removing Objects from Arrays - p5.js Tutorial.
7.6: Object Communication Part 1 - p5.js Tutorial.
7.7: Object Communication Part 2 - p5.js Tutorial.
p5.js Web Editor: Uploading Media Files - p5.js Tutorial.
7.8: Objects and Images - p5.js Tutorial.