Outschool
Search

per class
Class
Play

Try It! Make Art With Code in P5js Javascript

Completed by 9 learners
Ages 9-14
Live One-Time Class
In this one-time class, learners create lively, computer-generated animations from random shapes and colors by coding in p5.js, a kind of JavaScript for artists. Get a taste of programming by making something beautiful! Beginners welcome.
Average rating:
5.0
Number of reviews:
(47 reviews)

Live video meetings
Meets once
1-4 learners per class
60 min

What's included

1 live meeting
1 in-class hours

Class Experience

US Grade 5 - 8
Beginner Level
In this one-time class, learners get a quick look at the beauty and fun of making computer-generated art – the lovely patterns and shapes that computers create when we give them imaginative commands. Like many coding classes this one welcomes learners who love games, and it also welcomes learners who love design, color, and animation. No previous experience coding is necessary!

We'll focus on a few essential commands for color and shape. Learners begin by tinkering with teacher-provided code. In a guided exploration, they make changes to the code and notice what happens. Then they collaborate with classmates, comparing results and figuring out together how the code works. New concepts and commands are added in small steps, with plenty of concrete examples and time for invention. Gradually, students write commands independently. They finish the class by designing and coding their own project with randomly-generated shapes, sizes, and colors. 

Class sizes are small so that I can work with individual students, finding each student's strengths and proposing questions or challenges that build on them. In addition, I provide supplementary written or video materials for students who move a little faster than the class.

This class is intended both for students with no experience in text-based coding (writing commands instead of dragging blocks) and also for students who've written short scripts in Roblox or Minecraft or who have completed tutorials and video lessons online. However, for more advanced students who already write code independently in p5.js, JavaScript, or another language, please contact me to arrange a more appropriate learning experience.

Learning Goals

Learners explore JavaScript commands that display shapes and colors and that change them randomly.

Other Details

Learning Needs
To support a variety of learning styles, this class provides consistent structure with multiple communication strategies (written, verbal, and visual) as well as flexibility in content, pacing, learner participation and teaching approaches.
Parental Guidance
During the class, students will create accounts at https://openprocessing.org/, where they will write code and see their animations. Student accounts include many safety features. No personal information is collected. Additionally, student profiles and projects are visible only to the teacher and classmates, and students are not allowed to comment or annotate projects outside their class. For a full description of these protections, see https://intercom.help/openprocessing/en/articles/5228489-student-account-types. This free code editor, funded by the Processing Foundation, works on Windows, Mac, Linux, and Chromebook computers but isn't appropriate for iPads or phones.
Pre-Requisites
No prerequisites.
External Resources
In addition to the Outschool classroom, this class uses:

Meet the teacher

5.0
47reviews
Profile
Teacher expertise and credentials
15 years of experience teaching JavaScript, Python, Scratch, web development, robotics, and artbotics to students from 8 - 15 years old in private, public, and after-school settings. Two masters degrees in education – from Harvard Graduate School of Education with a focus on technology and from Lesley University in mathematics education.

Reviews

Terry D [Code & Art, JavaScript, M.Ed] suggests this class next...
Creative Coding 1-On-1 [Digital Art + Games + Animation in JavaScript]
Terry D [Code & Art, JavaScript, M.Ed]
5.0
(47)
per session
1-on-1 Lessons
On Demand
9-15


Parents also liked
JavaScript / p5.Js Computer Science Coding Club: Games, Animations, and More
Coco Coders
4.8
(973)
per class
Next session at 11 PM today
Group Class
1/wk, 55 min
9-13
Javascript Coding 4 Kids (Intro)
Dr. Elliott Heflin, Jr.
4.6
(405)
per class
Next session at 10 PM on Mon 3/17
Group Class
5 wks, 2/wk, 55 min
8-13
1:1 JavaScript/p5.js for Ages 9-14
Coco Coders
4.8
(973)
per session
1-on-1 Lessons
On Demand
9-14
Project-Based Javascript Coding (Level 1)
AI Code Academy
4.7
(1,770)
per class
Next session at 12:30 AM on Saturday
Group Class
10 wks, 1/wk, 1 hr
9-14
Javascript Coding for Beginners Level 2 -Project Based Learning
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,746)
per class
Next session at 4 PM on Tuesday
Group Class
10 wks, 1/wk, 50 min
10-15
Kids' Coding Quest: JavaScript Games Edition
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
per class
Next session at 5 PM on Mon 6/2
Group Class
4 wks, 2/wk, 55 min
9-14
Creative Coding 1-On-1 [Digital Art + Games + Animation in JavaScript]
Terry D [Code & Art, JavaScript, M.Ed]
5.0
(47)
per session
1-on-1 Lessons
On Demand
9-15
Javascript Coding for Beginners Level 1 -Project Based Learning
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,746)
per class
Next session at 1 PM on Monday
Group Class
12 wks, 1/wk, 50 min
10-15
Project-Based Javascript Coding (Level 2)
AI Code Academy
4.7
(1,770)
per class
Next session at 12:30 AM on Saturday
Group Class
10 wks, 1/wk, 1 hr
10-13
Project-Based Web Development for Kids (Year-Long): Learn HTML, CSS & Javascript
Faruk Hasan
4.8
(145)
per class
Next session at 2:05 AM on Tuesday
Group Class
1/wk, 35 min
11-16
1:1 Coding Sessions: Java, Python, HTML, CSS, JavaScript (Customizable)
MissB aka Bhavana R (Coding)
4.9
(36)
per session
1-on-1 Lessons
On Demand
9-18
Build Your Website using HTML, CSS, & JavaScript-Summer Camp Coding Workshop-
Coding Doctors Learning Lab, Inc.
4.8
(1,243)
per class
Next session at 11 PM on Mon 5/26
Group Class
2 wks, 4/wk, 55 min
10-14
1:1 Computer Science Tutoring (Java, JS, Python, Etc...)
Andy Richards
3.4
(5)
per session
1-on-1 Lessons
On Demand
8-18
[1-on-1] [Python, Javascript, Java, Scratch] Coding Assessment: Ages 8 To 17
Mr. Hun
5.0
(6)
per session
1-on-1 Lessons
On Demand
8-17
1:1 Tutoring: Coding, Arduino, Games, Unity, Python, JavaScript, C++, C#
Alex Fish
5.0
(6)
per session
1-on-1 Lessons
On Demand
7-18
Computer Programming, Coding, Python, Javascript, C#, C++ One on One Tutoring
Dragon Academy by Trammell Classes, DnD,Coding,RPG
4.8
(722)
per class
Next session at 5 PM today
Group Class
1/wk, 25 min
7-12
See More Classes
Home
Search
Give a Gift Card
Open currency, time zone, and language settings
Language & Region
Log In