Free
Course

Learn p5.js

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

4.31 out of 5 stars
This course includes
14,552 learners enrolled
This course includes

  • Skill level

    Intermediate

  • Time to complete

    Average based on combined completion rates — individual pacing in lessons, projects, and quizzes may vary
     
    9 hours

  • Projects

    4

  • Prerequisites

    3 courses
     
    We suggest you complete the following courses before you get started with Learn p5.js:
    • Learn HTML
    • Learn CSS
    • Learn JavaScript

About this course

p5.js is an open-source JavaScript library designed for creative coding. This course allows you to explore programming as a form of artistic expression, teaching you how to create dynamic visuals, interactive experiences, and generative designs for various creative fields like design, gaming, and architecture.

Skills you'll gain

  • Creating 2D sketches and generative visuals

  • Interactive animations and multimedia elements

  • Using JavaScript fundamentals within p5.js

Syllabus

6 lessons • 4 projects • 4 quizzes

  • Certificate of completion available with Plus or Pro

    Earn a certificate of completion and showcase your accomplishment on your resume or LinkedIn.

The platform

Hands-on learning

Animated GIF of an AI provided error explanation within Codecademy's learning environment
An AI-generated hint within the instructions of a Codecademy project
Animated GIF of Codecademy's Job Readiness Checker tool generating a compatibility report for a senior software engineer role
Animated GIF of building a phone screen interview using Codecademy's Interview Simulator
A fill-in-the-blank JavaScript question in a Codecademy assessment
Explore features

Projects in this course

Meet the creator of the course
Meet the full team
Jiwon Shin
Manager of Programming 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.
Meet the full team

Earn a certificate of completion

Show your network you've done the work by earning a certificate of completion for each course or path you finish.
  • Show proofReceive a certificate that demonstrates you've completed a course or path.
  • Build a collectionThe more courses and paths you complete, the more certificates you collect.
  • Share with your networkEasily add certificates of completion to your LinkedIn profile to share your accomplishments.

Learn p5.js course ratings and reviews

4.31 out of 5 stars
118 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!

Looking for something else?

Related resources

Related courses and paths

  • Free course

    Learn p5.js: Fundamentals

    Generate visualizations and interactive experiences with p5.js, a popular JavaScript library for creative coding.
    • Intermediate.
      5 hours
  • Free course

    Learn p5.js: Interaction

    Add interactivity to your p5.js sketch with mouse and keyboard functions.
    • Intermediate.
      2 hours
  • Free course

    Learn p5.js: Media

    Add and manipulate media assets, such as images and videos, in your p5.js sketch.
    • Intermediate.
      2 hours

Browse more topics

View full catalog

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.
See pricing and plans