- Chapter 1: Introduction
- Why Learn Coding?
- Coding vs. Programming
- On HTML and CSS
- Why Learn JavaScript?
- Why Do We Have Different Languages?
- Learning JavaScript with p5.js
- Chapter 2: Getting Started
- Installing p5.js
- Gentle Introduction to JavaScript
- Getting Started with p5.js
- More About Functions
- Coordinates in p5.js
- Summary
- Practice
- Chapter 3: Colors in p5.js
- Color Functions in p5.js
- Changing Shape Colors
- Summary
- Practice
- Chapter 4: Operators and Variables
- Setup
- Variables
- Variables Continued
- Predefined Variables in p5.js
- Summary
- Practice
- Chapter 5: Conditional Statements and Comparison Operators
- frameCount, frameRate, and frame
- Conditionals
- Summary
- Practice
- Chapter 6: More p5.js Variables
- mouseIsPressed
- mouseX and mouseY
- Summary
- Practice
- Chapter 7: Loops
- For Loop
- Random and Noise Functions
- Summary
- Practice
- Chapter 8: Functions
- Creating Functions
- Revisiting Setup and Draw Functions
- Summary
- Practice
- Chapter 9: Objects
- Using Object Initializer
- Using the Constructor Function
- Summary
- Chapter 10: Arrays
- Using the push Method
- Using Arrays
- Using the remainder Operator
- Summary
- Practice
- Chapter 11: Events
- Using mousePressed
- Using keyPressed
- Summary
- Practice
- Chapter 12: More on p5.js
- Rotate and Translate
- Push and Pop
- Summary
- Practice
- Chapter 13: Final Project
- Getting Started
- User Interaction
- Keeping the User Score
- Final Code
- Summary
- Appendix: Final Words
- Where to Go Next
- Additional Resources