5 session plan

This course is designed to support educators exploring creative coding through p5.js. It emphasizes accessibility, joy, and creative expression, while addressing the needs of diverse teaching contexts—from K–12 classrooms to informal and afterschool programs.

Each session includes hands-on projects, interactive tools, and connections to educator needs drawn from camp applications.

🎨 Session 1: Drawing with Shapes — Visual Language of Code

Session 1 Recap and Recording

Goals: Build foundational fluency with shape and color

Key Concepts:

• createCanvas(), background(), stroke(), fill()
• Drawing shapes: ellipse(), rect(), triangle()
• RGB & HSB color modes

Activity:

• Create a “visual signature” or abstract self-portrait using shapes and colors.

Educator Fit:

• Entry point for beginners
• Great warm-up for art and design educators

Interactive Tool: Tool 1: Working with Shapes and Tool 2: Shapes and Coordinates

https://editor.p5js.org/saberkhan/full/QcUQS2XSh