Creative Coding
We will draw beautiful computer graphics using Javascript.
Kevin Fredericks
Average rating:
5.0
Number of reviews:(9)
What's included
4 live meetings
3 hrs 40 mins in-class hoursClass Experience
In this session, you will use Javascript to create colorful and expressive art on your computer screen. The session will feature two small projects that will guide you from your first shapes to a fully interactive program.
I will provide instruction using a Javascript web editor. Learners will need a modern web browser and the Zoom teleconferencing app. You will be encouraged to customize your program while I provide helpful guidance for the Javascript web editor and the syntax of Javascript.
Session 1: Intro to JavaScript and P5.js
- Let's get up to speed on what you can do with JavaScript
- What are variables? What are functions?
- Let's draw something easy
Session 2: Getting more powerful
- What is a loop?
- Gathering our source material from your home
- Let's draw your object
Session 3: Challenge and create
- How do we animate?
- Loop our object and make a bunch of them
This course is a visual introduction to Javascript coding. Computer graphics are an awesome way to make your ideas come to life. Learn how to get creative without worrying about the boring stuff!Learning Goals
You will learn the basics of Javascript programming syntax and the P5.js web editor. P5.js is based on Processing 3, a simple and user-friendly visual programming tool.
The following programming fundamentals are covered in this session:
- Pixels. The x,y coordinate plane will be used.
- Datatypes. Strings and integers will be used.
- Functions. The use of arguments and built-in functions will be covered.
- Variables. Global variables and system variables will be used to animate shapes.
-Documentation. Tips for navigating a programming language and how to learn a new language.
Other Details
Supply List
A computer with a modern browser: Microsoft Edge, Firefox, Chrome, Opera, or Tor Session 1 will require you to grab an object from your home. This can be anything but plants are preferred.
External Resources
In addition to the Outschool classroom, this class uses:
Sources
p5js.org
processing.org
www.keepspaceblack.org/lessons
Joined April, 2020
5.0
9reviews
Teacher expertise and credentials
I am a Software Developer with a Bachelor's degree in Computer Science. I have 10 years of experience as an educator.
The Processing language and the P5.js framework are a natural fit for my teaching style. The "Nature of Code" lessons that were developed to support Processing emphasize Computer Science fundamentals and I have studied these lessons extensively for material to introduce in this course.Reviews
Live Group Class
$80
for 4 classes1x per week, 4 weeks
55 min
Completed by 28 learners
Live video meetings
Ages: 10-15
1-10 learners per class
