Enseñar
Cada enseñanza tiene sus propios objetivos, mensajes, condiciones y entornos. Al documentar y compartir talleres, clases y materiales de p5, esperamos conectar mejor las comunidades de estudiantes y educadores de p5.js de todo el mundo. Compartir o recomendar tus propias experiencias de enseñanza, también!
p5 Recursos Didácticos
Diversity & Inclusion :
Venue :
Year :
Level of Difficulty :
- "Introduction to Video Game Programming in High School with p5.js", Emanuele Bolognesi
- "Fractal implementations", Mariana
- "Introduction to Computational Media with p5.js", Barry Voeten
- "Calculadora de IMC", Dayana
- "Taller de Creative Coding", Federico Santana
- "50+ CODING CLUB: MY VERY FIRST CODE ART WITH HANDY(🖐) AND FAMILY(👩👧👦)", Inhwa Yeom
- "Introduction to p5js", Bérenger Recoules a.k.a b2renger
- "I am starting a new one -", Brinder Soin
- "Programación Aplicada al Arte Visual e Interactivo", Sebastián Zavatarelli
- "Painting with Code", Andreas Refsgaard
- "Signing Coders", Taeyoon Choi
- "Digital Weaving & Physical Computing Workshop Series", Qianqian Ye
- "p5.js à l'Ubuntu Party!", Basile Pesin
- "Making The Thing that Makes the Thing: Exploring Generative Art & Design with p5.js", Priti Pandurangan & Ajith Ranka
- CC Fest (Creative Coding Festival), Saber
- "Taller Introducción a la Programación Creativa con p5.js", Aarón Montoya-Moraga
- "Introduction to Generative Drawing", Adam Herst
- Open Lecture "Creative Coding: 2020", Shunsuke Takawo
- "Creative Coding for Static Graphics", Shunsuke Takawo
- "Generative Typography", Dae In Chung
- "Machine Learning for the Web", Yining Shi
- "Introduction to p5.js and JavaScript", Nico Reski
- "Digital Weaving & Physical Computing Workshop Series", Qianqian Ye & Evelyn Masso
- "Signing Coders", Taeyoon Choi
- Introduction to Video Game Programming in High School with p5.js
Emanuele Bolognesi
Lugar y fecha
02/06/2022 ~ 04/10/2022 every Saturday 10:00-11:00
Participantes
25 students (15-16 years old) of an Italian High School. 11 girls and 14 boys
Nivel de Dificultad
Elementary
Metas
Introduce 10th grade students to simple video game programming using javascript and p5.js
📝 Método y Materiales
Method: p5.js web editor
- Fractal implementations
Mariana
Lugar y fecha
06.02.2022 15:00~15:30
Participantes
15
Nivel de Dificultad
Advanced
Metas
Introduce the theme of fractals and use p5js to implement them
📝 Método y Materiales
Just Slides.
- Introduction to Computational Media with p5.js
Barry Voeten
Lugar y fecha
entire course
Participantes
Dutch school kids, age 14-15
Nivel de Dificultad
Elementary, Intermediate, Advanced
Metas
education
📝 Método y Materiales
- Calculadora de IMC
Dayana
Lugar y fecha
00h: 30min
Participantes
Inscritos no canal do youtube, houveram 18 vizializações.
Nivel de Dificultad
Elementary, Iniciante
Metas
Auxiliar pessoas que estao iniciando na programação.
📝 Método y Materiales
Editor Web do p5.js , Tutorial no youtube
- Taller de Creative Coding
Federico Santana
Lugar y fecha
every saturday 19:00-20:30PM (timezone: GMT-3)
Participantes
Soy yo nada más, pero me gusta invitar personas para programar en vivo cuando puedo.
Nivel de Dificultad
Elementary
Metas
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.
📝 Método y Materiales
Sólo una colección de p5js donde subo los ejemplos que se hacen en vivo, acá:
- 50+ CODING CLUB: MY VERY FIRST CODE ART WITH HANDY(🖐) AND FAMILY(👩👧👦)
Inhwa Yeom
Lugar y fecha
27/11/2020~ 12/2020 every Friday and Saturday 2:00-4:00
Participantes
People who identify themselves as older adults (average age = 62.54), and their companions of all ages.
Nivel de Dificultad
Elementary
Metas
p5 for 50+ aims to enhance the digital literacy and rights of people going on 50+
📝 Método y Materiales
p5 editor, p5for50+ web app, p5js.org, print out of code results
- Introduction to p5js
Bérenger Recoules a.k.a b2renger
Lugar y fecha
from 2018 and ongoing
Participantes
Students from l'école de design Nantes Atlantique
Nivel de Dificultad
Elementary
Metas
get to know p5js and its functionalities (dom, audio, webgl etc.)
📝 Método y Materiales
github readme : this a text tutorial to read in French.
- I am starting a new one -
Brinder Soin
Lugar y fecha
12/28 - 12/30
Participantes
About 100 students from grades 7, 8 and 9 from various schools and locations.
Nivel de Dificultad
Elementary, Intermediate, Advanced
Metas
Keeping children safe and learning in the time of covid and promote STEM education
📝 Método y Materiales
Teacher created notes and worksheets and IDE p5 web editor
- Programación Aplicada al Arte Visual e Interactivo
Sebastián Zavatarelli
Lugar y fecha
15/09/2020 ~ 14/10/2020 every Wednesday 6:30-9:00PM)
Participantes
Alrededor de 10 personas. La mayoría mujeres.
Nivel de Dificultad
Elementary, Intermediate
Metas
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.
📝 Método y Materiales
p5.js web editor. Online a trvés de plataforma ZOOM y material subido en moodle
- Painting with Code
Andreas Refsgaard
Lugar y fecha
22/02/2020
Participantes
Participants were people . A wide range of people from
Nivel de Dificultad
Intermediate
Metas
Get creatives, designers, artists and other people who don't typically use code introduced to p5.js
📝 Método y Materiales
Website, p5.js editor
- Signing Coders
Taeyoon Choi
Lugar y fecha
5 Sessions, each 2~3 hours
Participantes
Deaf and Hard of Hearing students age 10~50 who live in NYC.
Nivel de Dificultad
Elementary
Metas
To help Deaf and Hard of Hearing students learn about computer programming through playful exercises. To make ASL tutorial of basic coding concepts.
📝 Método y Materiales
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.
- Digital Weaving & Physical Computing Workshop Series
Qianqian Ye
Lugar y fecha
19/10/2019 ~ 02/11/2019, every Saturday 3-6pm
Participantes
15 women and non-binary artists, designer, makers, programers.
Nivel de Dificultad
Elementary
Metas
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.
📝 Método y Materiales
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.
- p5.js à l'Ubuntu Party!
Basile Pesin
Lugar y fecha
2020 Ubuntu Party Cité des Sciences et de l''Industrie, Paris, France
Participantes
Any age, including children and parents, young and older adults.
Nivel de Dificultad
Advanced
Metas
To introduce a new public to programming through fun and compelling examples.
📝 Método y Materiales
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.
- Making The Thing that Makes the Thing: Exploring Generative Art & Design with p5.js
Priti Pandurangan & Ajith Ranka
Lugar y fecha
📍 National Institute of Design, Bangalore
📅 2020 February 8, 2:30-4:00 PM
Participantes
Our participants included art/design students & professionals, creative coding enthusiasts. We had close to 50 participants.
Nivel de Dificultad
Priti: Intermediate & Ajith: Advanced
Metas
To explore generative art & design and recreate some classical works with p5.js.
📝 Método y Materiales
Methods: In-person, collaborative, hands-on workshop.
Materials: course page linking to sketches on the p5 editor, interactive reference guide to p5 basics
- CC Fest (Creative Coding Festival)
Saber
"Love p5.js. It has meant so much to me, my students, and this community."
Lugar y fecha
📍 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
Participantes
Our participants included art/design students & professionals, creative coding enthusiasts. We had close to 50 participants.
Nivel de Dificultad
Intermediate
Metas
To build a teacher and student community around p5 for middle and high school.
📝 Método y Materiales
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
- Taller Introducción a la Programación Creativa con p5.js
Aarón Montoya-Moraga
"p5.js is my happy place 💕 "
Lugar y fecha
📍 PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online 🌐
📅 2018 November 14, 3 hours
Participantes
I had around 16 students in the workshop, and a team including 3 people from the PlusCode festival, and one person at the venue.
Nivel de Dificultad
Elementary, Intermediate, Advanced
Metas
Introduction to beginners and artists of graphic web programming and open source, using p5.js, in Spanish :)
📝 Método y Materiales
I used the material on this GitHub repo, we used the p5.js web editor, we had a three hour long workshop
- Introduction to Generative Drawing
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."
Lugar y fecha
📍 Inter/Access (artist-run centre), Toronto, Ontario, Canada
In-person with a self-paced workbook for remote work
📅 2020 February 12, 7PM-9PM
Participantes
15 artists
Nivel de Dificultad
Elementary
Metas
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.
📝Método y Materiales
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
- Open Lecture, Creative Coding: 2020
Shunsuke Takawo
"I love p5.js because it's so easy to read and write code in p5.js. Coding in your everyday life!"
Lugar y fecha
📍 Kyoto University of Art and Design, Kyoto, Japan & Virtual-Online 🌐
📅 2020 March 16-18, 1-7 PM
Participantes
Students of Kyoto University of Art and Design, and anyone.
Nivel de Dificultad
Elementary
Metas
Making code as a tool for artistic expression.
📝 Método y Materiales
Dropbox Paper, p5.js web editor.
🔗 Syllabus
- Creative Coding for Static Graphics
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!"
Lugar y fecha
📍 FabCafe MTRL, Tokyo, Japan
📅 2019 September 15, 4-7 PM
Participantes
Anyone who wants to try coding in p5.js.
Nivel de Dificultad
Intermediate
Metas
To code from the graphic design's perspective.
📝 Método y Materiales
Dropbox Paper, p5.js web editor.
- Generative Typography
Dae In Chung
Lugar y fecha
📍 Baltimore, Maryland, USA & Virtual-Online 🌐
📅 2019 January 21 - May 08, every Wednesday, 4-10 PM
Participantes
14 undergrads and grad students who had little to no experience in coding.
Nivel de Dificultad
Elementary
Metas
Experiment with typographic forms and structures through computation.
📝 Método y Materiales
Methods: online/offline lectures and critiques.
Materials: p5js online editor, Github, youtube tutorials.
- Machine Learning for the Web
Yining Shi
Lugar y fecha
📍 ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA
📅2019 March 09 - October 12, every Tuesday, 6:30-9:00 PM
Participantes
Students at Interactive Telecommunications Program, New York University. 16 people.
Nivel de Dificultad
Elementary, Intermediate
Metas
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.
📝 Método y Materiales
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.
- Introduction to p5.js and JavaScript
Nico Reski
Lugar y fecha
📍 Currently available as self-study at own pace with accompanying slides, linked below.
Nivel de Dificultad
Beginner, Elementary
Metas
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.
📝 Método y Materiales
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.
- Digital Weaving & Physical Computing Workshop Series
Qianqian Ye & Evelyn Masso
Lugar y fecha
📍 Womens Center for Creative Work (WCCW), Los Angeles, CA, US
📅 2019 October 19 - November 02, every Saturday 3-6 PM
Participantes
15 women and non-binary artists, designer, makers, programers.
Nivel de Dificultad
Elementary
Metas
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.
📝 Método y Materiales
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.
- Signing Coders
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."
Lugar y fecha
📍 WRIC, New York City, USA & Seoul Museum of Art, Seoul, South Korea.
5 Sessions, each 2~3 hours
Participantes
Deaf and Hard of Hearing students age 10~50 who live in NYC.
Nivel de Dificultad
Elementary
Metas
To help Deaf and Hard of Hearing students learn about computer programming through playful exercises. To make ASL tutorial of basic coding concepts.
📝 Método y Materiales
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.