가르치기
모든 교육은 고유의 목표, 메시지, 조건, 환경을 담습니다. 이 페이지는 p5.js 워크숍, 강의, 교보재 아카이브를 통해 전세계 p5 교육자 및 학습자들을 연결합니다. 여러분의 p5 교육 경험을 이 링크에서 공유 또는 추천 하세요!
p5 교육 자료
다양성 & 포용 :
장소 :
년도 :
난이도 :
- "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
장소 & 일시
02/06/2022 ~ 04/10/2022 every Saturday 10:00-11:00
참여자
25 students (15-16 years old) of an Italian High School. 11 girls and 14 boys
난이도
Elementary
목표
Introduce 10th grade students to simple video game programming using javascript and p5.js
📝 방법 & 교보재
Method: p5.js web editor
- Fractal implementations
Mariana
장소 & 일시
06.02.2022 15:00~15:30
참여자
15
난이도
Advanced
목표
Introduce the theme of fractals and use p5js to implement them
📝 방법 & 교보재
Just Slides.
- Introduction to Computational Media with p5.js
Barry Voeten
장소 & 일시
entire course
참여자
Dutch school kids, age 14-15
난이도
Elementary, Intermediate, Advanced
목표
education
📝 방법 & 교보재
- Calculadora de IMC
Dayana
장소 & 일시
00h: 30min
참여자
Inscritos no canal do youtube, houveram 18 vizializações.
난이도
Elementary, Iniciante
목표
Auxiliar pessoas que estao iniciando na programação.
📝 방법 & 교보재
Editor Web do p5.js , Tutorial no youtube
- Taller de Creative Coding
Federico Santana
장소 & 일시
every saturday 19:00-20:30PM (timezone: GMT-3)
참여자
Soy yo nada más, pero me gusta invitar personas para programar en vivo cuando puedo.
난이도
Elementary
목표
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.
📝 방법 & 교보재
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
장소 & 일시
27/11/2020~ 12/2020 every Friday and Saturday 2:00-4:00
참여자
People who identify themselves as older adults (average age = 62.54), and their companions of all ages.
난이도
Elementary
목표
p5 for 50+ aims to enhance the digital literacy and rights of people going on 50+
📝 방법 & 교보재
p5 editor, p5for50+ web app, p5js.org, print out of code results
- Introduction to p5js
Bérenger Recoules a.k.a b2renger
장소 & 일시
from 2018 and ongoing
참여자
Students from l'école de design Nantes Atlantique
난이도
Elementary
목표
get to know p5js and its functionalities (dom, audio, webgl etc.)
📝 방법 & 교보재
github readme : this a text tutorial to read in French.
- I am starting a new one -
Brinder Soin
장소 & 일시
12/28 - 12/30
참여자
About 100 students from grades 7, 8 and 9 from various schools and locations.
난이도
Elementary, Intermediate, Advanced
목표
Keeping children safe and learning in the time of covid and promote STEM education
📝 방법 & 교보재
Teacher created notes and worksheets and IDE p5 web editor
- Programación Aplicada al Arte Visual e Interactivo
Sebastián Zavatarelli
장소 & 일시
15/09/2020 ~ 14/10/2020 every Wednesday 6:30-9:00PM)
참여자
Alrededor de 10 personas. La mayoría mujeres.
난이도
Elementary, Intermediate
목표
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.
📝 방법 & 교보재
p5.js web editor. Online a trvés de plataforma ZOOM y material subido en moodle
- Painting with Code
Andreas Refsgaard
장소 & 일시
22/02/2020
참여자
Participants were people . A wide range of people from
난이도
Intermediate
목표
Get creatives, designers, artists and other people who don't typically use code introduced to p5.js
📝 방법 & 교보재
Website, p5.js editor
- Signing Coders
Taeyoon Choi
장소 & 일시
5 Sessions, each 2~3 hours
참여자
Deaf and Hard of Hearing students age 10~50 who live in NYC.
난이도
Elementary
목표
To help Deaf and Hard of Hearing students learn about computer programming through playful exercises. To make ASL tutorial of basic coding concepts.
📝 방법 & 교보재
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
장소 & 일시
19/10/2019 ~ 02/11/2019, every Saturday 3-6pm
참여자
15 women and non-binary artists, designer, makers, programers.
난이도
Elementary
목표
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.
📝 방법 & 교보재
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
장소 & 일시
2020 우분투 행사(Ubuntu Party),Cité des Sciences et de l''Industrie, Paris, France
참여자
Any age, including children and parents, young and older adults.
난이도
Advanced
목표
To introduce a new public to programming through fun and compelling examples.
📝 방법 & 교보재
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
장소 & 일시
📍 National Institute of Design, Bangalore
📅 2020 February 8, 2:30-4:00 PM
참여자
Our participants included art/design students & professionals, creative coding enthusiasts. We had close to 50 participants.
난이도
Priti: Intermediate & Ajith: Advanced
목표
To explore generative art & design and recreate some classical works with p5.js.
📝 방법 & 교보재
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."
장소 & 일시
📍 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
참여자
Our participants included art/design students & professionals, creative coding enthusiasts. We had close to 50 participants.
난이도
Intermediate
목표
To build a teacher and student community around p5 for middle and high school.
📝 방법 & 교보재
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 💕 "
장소 & 일시
📍 PlusCode Media Arts Festival, Buenos Aires, Argentina & Virtual-Online 🌐
📅 2018 November 14, 3 hours
참여자
I had around 16 students in the workshop, and a team including 3 people from the PlusCode festival, and one person at the venue.
난이도
Elementary, Intermediate, Advanced
목표
Introduction to beginners and artists of graphic web programming and open source, using p5.js, in Spanish :)
📝 방법 & 교보재
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."
장소 & 일시
📍 Inter/Access (artist-run centre), Toronto, Ontario, Canada
In-person with a self-paced workbook for remote work
📅 2020 February 12, 7PM-9PM
참여자
15 artists
난이도
Elementary
목표
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.
📝방법 & 교보재
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!"
장소 & 일시
📍 Kyoto University of Art and Design, Kyoto, Japan & Virtual-Online 🌐
📅 2020 March 16-18, 1-7 PM
참여자
Students of Kyoto University of Art and Design, and anyone.
난이도
Elementary
목표
Making code as a tool for artistic expression.
📝 방법 & 교보재
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!"
장소 & 일시
📍 FabCafe MTRL, Tokyo, Japan
📅 2019 September 15, 4-7 PM
참여자
Anyone who wants to try coding in p5.js.
난이도
Intermediate
목표
To code from the graphic design's perspective.
📝 방법 & 교보재
Dropbox Paper, p5.js web editor.
- Generative Typography
정대인
장소 & 일시
📍 Baltimore, Maryland, USA & Virtual-Online 🌐
📅 2019 January 21 - May 08, every Wednesday, 4-10 PM
참여자
14 undergrads and grad students who had little to no experience in coding.
난이도
Elementary
목표
Experiment with typographic forms and structures through computation.
📝 방법 & 교보재
Methods: online/offline lectures and critiques.
Materials: p5js online editor, Github, youtube tutorials.
- Machine Learning for the Web
Yining Shi
장소 & 일시
📍 ITP, NYU, 370 Jay St, Brooklyn, NY 11201, USA
📅2019 March 09 - October 12, every Tuesday, 6:30-9:00 PM
참여자
Students at Interactive Telecommunications Program, New York University. 16 people.
난이도
Elementary, Intermediate
목표
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.
📝 방법 & 교보재
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
장소 & 일시
📍 Currently available as self-study at own pace with accompanying slides, linked below.
난이도
Beginner, Elementary
목표
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.
📝 방법 & 교보재
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
장소 & 일시
📍 Womens Center for Creative Work (WCCW), Los Angeles, CA, US
📅 2019 October 19 - November 02, every Saturday 3-6 PM
참여자
15 women and non-binary artists, designer, makers, programers.
난이도
Elementary
목표
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.
📝 방법 & 교보재
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
최태윤
"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."
장소 & 일시
📍 WRIC, New York City, USA & Seoul Museum of Art, Seoul, South Korea.
5 Sessions, each 2~3 hours
참여자
Deaf and Hard of Hearing students age 10~50 who live in NYC.
난이도
Elementary
목표
To help Deaf and Hard of Hearing students learn about computer programming through playful exercises. To make ASL tutorial of basic coding concepts.
📝 방법 & 교보재
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.