Inclusive Techniques for Teaching Code

P5js Harvest Sprites Svga

Katarina Hoeger @kfhoeger • Jon Ippolito @jonippolitoUMaine.edu/newmedia

Nmd Banner 1 5 Title Blue Xvga

Faculty

Harvard Logo Tra
Upenn Logo Tra
Yale Logo Tra

Alumni

Adobe Logo
Amazon Logo
Apple Logo Silver Tra
Wikipedia Logo Tra Ill
Bbc Logo Vga
Katy Perry Ryan Genz Kdress

Popular New Media concentrations

User Experience (UX) design
Ux Diagram Svga
User Experience Word Cloud Svga
Digital storytelling
Story Diagram Svga
Digital Storytelling Word Cloud Svga
Web and mobile apps
Web Diagram Svga
Web Mobile Word Cloud Svga

Programming for beginners

Nmd105 Creative Coding Frontispiece

Challenges

Visual learners

P5js sketch

Unequal hardware

P5js Web Editor Screenshot

P5js web editor

Imposter syndrome

P5js sketch

Possible virtues

Good visuals Samantha Dalton

Good interaction Nathe Gagnon

Good comments

Good questions

Competition

Nmd105 Emoji Grid 2021

Collaborative emoji building

Mixed levels

Tutorial Badge Screenshot
P5js Tutorial Clusters 2 Vga

Cultural mismatch

Women V Men Silicon Valley Jobs Chart

Remove cultural hurdles

Example
Assign problems as...
Math
Design
Specify colors as...
Hexadecimal (#AE9C14)
Name or HSL ("turquoise")
Invite gameplay that is...
Adversarial (first-person shooter)
Collaborative (hungry bird)
Show programmers who are...
White guys
Women and people of color

Computing history

Who made p5js?

Mccarthy Lauren A
Lauren McCarthy, founder
Turner Moira P5js Headshot
Moira Turner, maintainer

/