Free
Course

Learn p5.js

Create generative visualizations and interactive experiences with p5.js, a popular JavaScript library for creative coding.

4.36 out of 5 stars
12,604 learners enrolled
  • Skill level

    Intermediate
  • Time to complete

    9 hours
  • Certificate of completion

    Included with paid plans
  • Prerequisites

    3 courses

About this course

Meet p5.js — an open-source JavaScript library that allows you to use programming as an artistic medium. With it, you can simplify the way you build graphic and interactive experiences. Create colorful, dynamic, and engaging visuals for design, architecture, fashion, gaming — anything you can imagine.

Syllabus

6 lessons • 4 projects • 4 quizzes

The platform

Hands-on learning

Animated GIF of an AI provided error explanation within Codecademy's learning environment
Mobile-friendly version of a lesson and code editor for the course 'Introduction to HTML' running in Codecademy's learning environment
An AI-generated hint within the instructions of a Codecademy project
Animated GIF of a mouse cursor hovering over the Python term "comment" displaying a Docs tooltip within a Codecademy lesson
Meet the creator of the course
Jiwon Shin
Senior Curriculum Developer at Codecademy
Jiwon is a Senior Curriculum Developer at Codecademy. She has created courses across the web development catalog on languages such as JavaScript, PHP, and CSS, frameworks like React and Node.js, and the Front-End Engineer Career Path. She also created courses on p5.js, build tools, and Intro to UI and UX Design.

Learn p5.js course ratings and reviews

4.36 out of 5 stars
97 ratings
  1. 5 stars
  2. 4 stars
  3. 3 stars
  4. 2 stars
  5. 1 star
  • The progress I have made since starting to use codecademy is immense! I can study for short periods or long periods at my own convenience - mostly late in the evenings.
    Chris
    Codecademy Learner @ USA
  • I felt like I learned months in a week. I love how Codecademy uses learning by practice and gives great challenges to help the learner to understand a new concept and subject.
    Rodrigo
    Codecademy Learner @ UK
  • Brilliant learning experience. Very interactive. Literally a game changer if you're learning on your own.
    John-Andrew
    Codecademy Learner @ USA

Our learners work at

  • Google Logo
  • Meta Logo
  • Apple Logo
  • EA Logo
  • Amazon Logo
  • IBM Logo
  • Microsoft Logo
  • Reddit Logo
  • Spotify Logo
  • Uber Logo
  • YouTube Logo
  • Instagram Logo

Join over 50 million learners and start Learn p5.js today!

Unlock additional features with a paid plan

  • Practice Projects

    Guided projects that help you solidify the skills and concepts you're learning.
  • Assessments

    Auto-graded quizzes and immediate feedback help you reinforce your skills as you learn.
  • Certificate of Completion

    Earn a document to prove you've completed a course or path that you can share with your network.