46
Try It! Make Art With Code in P5js Javascript
Completed by 9 learners
Ages 9-14
Live One-Time Class
Live video meetings
Meets once
1-4 learners per class
60 min
What’s included
1 live meeting
1 in-class hoursClass 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
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
(50)
per session
1-on-1 Lessons
On Demand
9-15
Other classes by Terry D [Code & Art, JavaScript, M.Ed]
Other classes by Terry D [Code & Art, JavaScript, M.Ed]
Parents also liked
Project-Based Javascript Coding (Level 1)
AI Code Academy
4.7
(1,806)
per class
Next session at 11:30 PM on Wednesday
Group Class
10 wks, 1/wk, 1 hr
9-14
Javascript / P5.Js Computer Science Coding Club: Games, Animations, and More
Coco Coders
4.8
(975)
per class
Next session at 12 AM on Monday
Group Class
1/wk, 55 min
9-13
Javascript Avatar Builder: Design & Code Your Digital Character
Coco Coders
4.8
(975)
per class
Next session at 5:30 PM on Wednesday
Group Class
1 wk, 1/wk, 1 hr
10-14
Javascript Coding for Beginners Level 2 -Project Based Learning
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,922)
per class
Next session at 6 PM on Tuesday
Group Class
10 wks, 1/wk, 50 min
10-15
Summer Camp: Javascript Coding 4 Kids (Intro)
Dr. Elliott Heflin, Jr.
4.6
(405)
per class
Next session at 10 PM on Mon 6/23
Group Class
5 wks, 2/wk, 55 min
8-13
Semester Coding Camp: Javascript Adventures for Kids!
Coco Coders
4.8
(975)
per class
Next session at 2:30 PM on Tue 6/24
Group Class
6 wks, 1/wk, 55 min
9-14
Javascript/P5.Js Creative Coding: Create Games, Animation and More!
Create N Learn: Game-Based Learning & Future Skill
4.9
(127)
per class
Next session at 5 PM tomorrow
Group Class
8 wks, 1/wk, 55 min
12-14
Javascript Coding for Beginners Level 1 -Project Based Learning
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,922)
per class
Next session at 12 AM on Wed 8/27
Group Class
12 wks, 1/wk, 50 min
10-15
Summer Coding Camp: Build Your Own Worlds With Javascript
Coco Coders
4.8
(975)
per class
Next session at 3:30 PM on Mon 7/21
Group Class
1 wk, 4/wk, 55 min
9-14
Your Javascript Coach: 1:1 Game & Animation Coding
Coco Coders
4.8
(975)
per session
1-on-1 Lessons
On Demand
9-14
JavaScript 1
James Fitzpatrick
4.4
(24)
per class
Next session at 1 AM on Thursday
Group Class
8 wks, 1/wk, 55 min
7-12
Advanced Web Coding for Kids: Create Dynamic Sites With HTML, CSS & Javascript
PopSkool: English, Music, Art, Math, Coding & More
4.9
(119)
per class
Next session at 6 PM on Monday
Group Class
8 wks, 1/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
(50)
per session
1-on-1 Lessons
On Demand
9-15
Semester of Javascript: From Basics to Big Ideas!
Coco Coders
4.8
(975)
per class
Next session at 3:30 PM on Tue 8/19
Group Class
10 wks, 1/wk, 55 min
10-15
Summer Coding Camp: Code Your Own Superhero Games With Javascript
Coco Coders
4.8
(975)
per class
Next session at 2:30 PM on Mon 7/7
Group Class
1 wk, 4/wk, 55 min
9-14
Summer Camp: Project Based Javascript for Kids (Level 2)
AI Code Academy
4.7
(1,806)
per class
Next session at 3 PM on Mon 6/23
Group Class
2 wks, 5/wk, 1 hr
10-15
More to explore
Nifty Numeral 1-10
Royale High
Two Towers
Dinner
Writing Hamburger
Iew Nose Tree 2
Photosynthesis How Plants Automatically Produce Their Own Food
Debate Tutor Private
Premiere
Mandarin Middle
Chess Intermediate
Ks3 Latin
Doh
Emotional Control
Commonly Confused Words
Montessori Read
forms Of Energy
Treehouse
Entrepreneur Invest
Animating Flipaclip