P5JS Creative Programming Course

P5JS Creative Programming Course

https://learn.digitalharbor.org/courses/creative-programming/

Creative Programming

Course Description

Develop web programming skills while creating a variety of projects focused on creative expression with code. Learn the fundamentals of JavaScript, HTML, and CSS through a variety of short projects. Build your personal “sketchbook” and hone your programming skills!

You’ll Like This Course If…

• You’re interested in programming
• You like to immediately apply new skills to projects
• You’re interested in building foundations in a powerful programming language

What to Expect…

• Introduction of new programming skills
• Developing a foundation in JavaScript by creating interactive sketches

Course Content

Course Overview and Goals

Introducing p5.js

Working With p5.js: The Basics

p5.js Skill Building: Creating Shapes

p5.js Skill Building: All About Color

JavaScript Data Structures: Variables

JavaScript Code Comments

JavaScript: Working With Loops

Project: Self-Portrait

User Interaction in p5.js

Introduction to Motion Graphics in p5.js

JavaScript: Conditional Statements

Introduction to Generative Tools

Working With Images in p5.js

p5.js Functions: Part 1

p5.js Functions: Part 2

Animations and Transformations in p5.js

p5.js Transformations: rotate()

p5.js Transformations: push() and pop()

p5.js Transformations: scale()

Using Timers in p5.js