教える

Emanuele Bolognesi

Venue & Date

02/06/2022 ~ 04/10/2022 every Saturday 10:00-11:00

Participants

25 students (15-16 years old) of an Italian High School. 11 girls and 14 boys

Level of Difficulty

Elementary

Goals

Introduce 10th grade students to simple video game programming using javascript and p5.js

📝 Method & Materials

Method: p5.js web editor

Syllabus.

The works of the students.

Mariana

Venue & Date

06.02.2022 15:00~15:30

Participants

15

Level of Difficulty

Advanced

Goals

Introduce the theme of fractals and use p5js to implement them

📝 Method & Materials

Just Slides.

Barry Voeten

Venue & Date

entire course

Participants

Dutch school kids, age 14-15

Level of Difficulty

Elementary, Intermediate, Advanced

Goals

education

📝 Method & Materials

Syllabus.

Dayana

Venue & Date

00h: 30min

Participants

Inscritos no canal do youtube, houveram 18 vizializações.

Level of Difficulty

Elementary, Iniciante

Goals

Auxiliar pessoas que estao iniciando na programação.

📝 Method & Materials

Editor Web do p5.js , Tutorial no youtube

p5.js web editor.

Youtube.

Federico Santana

Venue & Date

every saturday 19:00-20:30PM (timezone: GMT-3)

Participants

Soy yo nada más, pero me gusta invitar personas para programar en vivo cuando puedo.

Level of Difficulty

Elementary

Goals

Hacer que más personas aprendan sobre el arte creativo y, a su vez, poder ir acercandolas al mundo de la matemática, todo en español. El curso está fuertemente inspirado en "The coding train" pero con acercamiento que va a la matemática y el arte creativo en su conjunto.

📝 Method & Materials

Sólo una colección de p5js donde subo los ejemplos que se hacen en vivo, acá:

p5.js web editor.

Inhwa Yeom

Venue & Date

27/11/2020~ 12/2020 every Friday and Saturday 2:00-4:00

Participants

People who identify themselves as older adults (average age = 62.54), and their companions of all ages.

Level of Difficulty

Elementary

Goals

p5 for 50+ aims to enhance the digital literacy and rights of people going on 50+

📝 Method & Materials

p5 editor, p5for50+ web app, p5js.org, print out of code results

2020 ACC Open Academy.

Bérenger Recoules a.k.a b2renger

Venue & Date

from 2018 and ongoing

Participants

Students from l'école de design Nantes Atlantique

Level of Difficulty

Elementary

Goals

get to know p5js and its functionalities (dom, audio, webgl etc.)

📝 Method & Materials

github readme : this a text tutorial to read in French.

GitHub.

Brinder Soin

Venue & Date

12/28 - 12/30

Participants

About 100 students from grades 7, 8 and 9 from various schools and locations.

Level of Difficulty

Elementary, Intermediate, Advanced

Goals

Keeping children safe and learning in the time of covid and promote STEM education

📝 Method & Materials

Teacher created notes and worksheets and IDE p5 web editor

Sebastián Zavatarelli

Venue & Date

15/09/2020 ~ 14/10/2020 every Wednesday 6:30-9:00PM)

Participants

Alrededor de 10 personas. La mayoría mujeres.

Level of Difficulty

Elementary, Intermediate

Goals

El curso está destinado a artistas que quieran comenzar a utilizar las herramientas tecnológicas actuales para el desarrollo de sus obras. También puede ser aprovechado por aquellxs que quieran iniciarse en la programación de computadoras a través de un entorno de programación simple, visual, accesible y divertido.

📝 Method & Materials

p5.js web editor. Online a trvés de plataforma ZOOM y material subido en moodle

Obras.

Andreas Refsgaard

Venue & Date

22/02/2020

Participants

Participants were people . A wide range of people from

Level of Difficulty

Intermediate

Goals

Get creatives, designers, artists and other people who don't typically use code introduced to p5.js

📝 Method & Materials

Website, p5.js editor

Intro.

Taeyoon Choi

Venue & Date

5 Sessions, each 2~3 hours

Participants

Deaf and Hard of Hearing students age 10~50 who live in NYC.

Level of Difficulty

Elementary

Goals

To help Deaf and Hard of Hearing students learn about computer programming through playful exercises. To make ASL tutorial of basic coding concepts.

📝 Method & Materials

We used p5.js Web editor and code examples on the website. We also used dice, playing cards and various paper tools to help students learn about coding concepts.

Signing Coders.

Signing coders #1.

Qianqian Ye

Venue & Date

19/10/2019 ~ 02/11/2019, every Saturday 3-6pm

Participants

15 women and non-binary artists, designer, makers, programers.

Level of Difficulty

Elementary

Goals

Over the course of three workshops, we’ll draw and create patterns using p5.js, an open-source graphical library; we’ll learn and apply computational concepts to transform patterns and finally, we’ll bring a weaving to life with electronic microcontrollers.

📝 Method & Materials

Materials: Slides, p5.js web editor, pen and paper to draw pattern, physical pattern weaving tool Methods: small team session

1 - Digital Weaving & Physical Computing Workshop.

2 - Digital Weaving & Physical Computing Workshop.

Digital Weaving, Physical Computing.

Basile Pesin

Venue & Date

2020 Ubuntu Party Cité des Sciences et de l''Industrie, Paris, France

Participants

Any age, including children and parents, young and older adults.

Level of Difficulty

Advanced

Goals

To introduce a new public to programming through fun and compelling examples.

📝 Method & Materials

Method: in-person workshop, 1 hour per session, with different participant each times. The students were using (Ubuntu) machines with the p5.js web editor. I was teaching using a video projector as well as a board.

Materials: The exercises I gave where accessible through p5.js web-editor links available inGitHub.

Priti Pandurangan & Ajith Ranka

Venue & Date

📍 National Institute of Design, Bangalore

📅 2020 February 8, 2:30-4:00 PM

Participants

Our participants included art/design students & professionals, creative coding enthusiasts. We had close to 50 participants.

Level of Difficulty

Priti: Intermediate & Ajith: Advanced

Goals

To explore generative art & design and recreate some classical works with p5.js.

📝 Method & Materials

Methods: In-person, collaborative, hands-on workshop.

Materials: course page linking to sketches on the p5 editor, interactive reference guide to p5 basics

Saber

"Love p5.js. It has meant so much to me, my students, and this community."

Venue & Date

📍 New York, Los Angeles, San Francisco, Virtual-Online 🌐

📅 Twice a year in NYC for four years; once a year in LA for three years; once a year in SF for two years; now virtual

Participants

Our participants included art/design students & professionals, creative coding enthusiasts. We had close to 50 participants.

Level of Difficulty

Intermediate

Goals

To build a teacher and student community around p5 for middle and high school.

📝 Method & Materials

A half-day of workshop led by volunteer teachers. We saw lots of different methods and materials. Most used some sort of slides or documentation, some live coding using an editor, with work time for participant to remix.

🔗 CC Fest Lessons page for teaching materials

📸 More photos

Aarón Montoya-Moraga

"p5.js is my happy place 💕 "

Venue & Date

📍 PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online 🌐

📅 2018 November 14, 3 hours

Participants

I had around 16 students in the workshop, and a team including 3 people from the PlusCode festival, and one person at the venue.

Level of Difficulty

Elementary, Intermediate, Advanced

Goals

Introduction to beginners and artists of graphic web programming and open source, using p5.js, in Spanish :)

📝 Method & Materials

I used the material on this GitHub repo, we used the p5.js web editor, we had a three hour long workshop

🔗 +CODE electronic art festival 2018, Argentina, Medium

Adam Herst

"My greatest source of uncertainty in developing the workshop was whether it was trying to teach art to programmers or to teach programming to artists."

Venue & Date

📍 Inter/Access (artist-run centre), Toronto, Ontario, Canada

In-person with a self-paced workbook for remote work

📅 2020 February 12, 7PM-9PM

Participants

15 artists

Level of Difficulty

Elementary

Goals

To introduce p5.js to artists with little or no programming experience and to suggest one way an analogue practice can migrate to a digital form.

📝Method & Materials

A printed workbook with activities that used the p5.js web editor to show how translate an physical drawing into a digital drawing.

🔗Processing Community Day 2019: Generative Drawing at Inter/Access

🔗Introduction to Generative Drawing Letter PDF

🔗Introduction to Generative Drawing Booklet PDF

Shunsuke Takawo

"I love p5.js because it's so easy to read and write code in p5.js. Coding in your everyday life!"

Venue & Date

📍 Kyoto University of Art and Design, Kyoto, Japan & Virtual-Online 🌐

📅 2020 March 16-18, 1-7 PM

Participants

Students of Kyoto University of Art and Design, and anyone.

Level of Difficulty

Elementary

Goals

Making code as a tool for artistic expression.

📝 Method & Materials

Dropbox Paper, p5.js web editor.

🔗 Syllabus

🔗 Day 1, Day 2, Day 3, YouTube

Shunsuke Takawo

"Coding in p5.js is a lot of fun. If you haven't started yet, I encourage you to give it a try!"

Venue & Date

📍 FabCafe MTRL, Tokyo, Japan

📅 2019 September 15, 4-7 PM

Participants

Anyone who wants to try coding in p5.js.

Level of Difficulty

Intermediate

Goals

To code from the graphic design's perspective.

📝 Method & Materials

Dropbox Paper, p5.js web editor.

🔗 Syllabus & Material

Dae In Chung

Venue & Date

📍 Baltimore, Maryland, USA & Virtual-Online 🌐

📅 2019 January 21 - May 08, every Wednesday, 4-10 PM

Participants

14 undergrads and grad students who had little to no experience in coding.

Level of Difficulty

Elementary

Goals

Experiment with typographic forms and structures through computation.

📝 Method & Materials

Methods: online/offline lectures and critiques.

Materials: p5js online editor, Github, youtube tutorials.

🔗 Works of participants

Yining Shi

Venue & Date

📍 ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA

📅2019 March 09 - October 12, every Tuesday, 6:30-9:00 PM

Participants

Students at Interactive Telecommunications Program, New York University. 16 people.

Level of Difficulty

Elementary, Intermediate

Goals

The goal of this class is to learn and understand common machine learning techniques and apply them to generate creative outputs in the browser using ml5.js and p5.js.

📝 Method & Materials

This class is a mix of lectures, coding sessions, group discussions, and presentations. I usedGitHub to host class syllabus and all the coding materials, Google Slides for lectures and p5.js Web Editor for live coding sessions. Every week, there were one-on-one office hours to talk about any difficulties of coming up with an idea for the homework or any coding changes.

Methods: online/offline lectures and critiques.

Nico Reski

Venue & Date

📍 Currently available as self-study at own pace with accompanying slides, linked below.

Level of Difficulty

Beginner, Elementary

Goals

Introduce learners (potentially with no coding experiences at all) to the very basics of p5.js (and JavaScript), in order to encourage creative coding and enable them to pursue own projects in a safe environment.

📝 Method & Materials

p5.js source code (for the introductory project), JavaScript source code (illustrating some basic JavaScript functionalities), accompanying slides in .pdf format, all hosted publicly on GitHub.

🔗 Overview of the workshop and its contents (including all links to the material hosted on GitHub) on my academic webpage.

Qianqian Ye & Evelyn Masso

Venue & Date

📍 Womens Center for Creative Work (WCCW), Los Angeles, CA, US

📅 2019 October 19 - November 02, every Saturday 3-6 PM

Participants

15 women and non-binary artists, designer, makers, programers.

Level of Difficulty

Elementary

Goals

Over the course of three workshops, we will draw and create patterns using p5.js, an open-source graphical library; we will learn and apply computational concepts to transform patterns and finally, we will bring a weaving to life with electronic microcontrollers.

📝 Method & Materials

Methods: small team session

Materials: slides, p5.js web editor, pen and paper to draw pattern, physical pattern weaving tool.

🔗 Workshop Slide #1, Workshop Slide #2

🔗 Workshop Information on WCCW website.

Taeyoon Choi

"I'm working on a new series of coding class for Disabled students in South Korea. I'm researching about the pedagogy and translation. I plan to hold workshops in December 2020. The project is supported by the Open Society Foundation Human Rights Initiative and Korea Disability Arts & Culture Center."

Venue & Date

📍 WRIC, New York City, USA & Seoul Museum of Art, Seoul, South Korea.

5 Sessions, each 2~3 hours

Participants

Deaf and Hard of Hearing students age 10~50 who live in NYC.

Level of Difficulty

Elementary

Goals

To help Deaf and Hard of Hearing students learn about computer programming through playful exercises. To make ASL tutorial of basic coding concepts.

📝 Method & Materials

We used p5.js Web editor and code examples on the website. We also used dice, playing cards and various paper tools to help students learn about coding concepts.

🔗 Syllabus & Material

📸 More photos