Code! Programming with P5.js

Overview

This online course teaches the fundamentals of computer programming using JavaScript and the p5.js creative computing environment. By the end of the course, students will be able to explain computational media, demonstrate computer programming skills, and learn how to use tools for projects in computational media. The course covers variables, conditionals, iteration, functions, and objects. The teaching method includes tutorials on shapes, colors, errors, variables, conditional statements, loops, functions, and object-oriented programming. The course is designed for computer programming novices interested in visual displays on various devices.

Syllabus

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.