close
Learn Online Skola Join Log in
Learn Creative Coding p5.js No Coding Experience Needed

Learn Creative Coding With p5.js Through Art.

From your first lines of code to generative art, 3D worlds, artificial life and interactive camera systems.

65+ Lessons 650+ Micro Challenges Beginner → Advanced p5.js From Scratch

Art Coding Lab is a step-by-step creative coding course for complete beginners. Learn real JavaScript through p5.js by building visual experiments, interactive sketches and generative artworks from the very basics.

Start with one free lesson. Unlock the full course for $19/month and continue through 65 lessons, 650+ micro challenges, creative labs, annotated demo projects and future updates.

Start Free Lesson Join Full Course — $19/month

Lesson 1 is free. Lessons 2–65, Creative Labs and annotated Demo Project explanations are included with membership.

Begin From Zero

No coding experience needed. Start with coordinates, shapes, color and motion before moving into deeper systems.
650+ Micro Challenges

Each lesson is broken into small hands-on tasks, so you learn by changing code and seeing instant visual results.
One Connected Learning System

Lessons connect with Labs, Demo Projects and Visual Math Explorations, so each idea appears in multiple creative contexts.

Explore The Full Creative Coding Catalog

Explore the complete learning ecosystem before joining. Browse every lesson, lab, demo project and visual math exploration.

📚 Course Path

65 Lessons

A structured path from beginner p5.js and JavaScript basics to generative art, simulations, computer vision, organic systems and 3D morphing worlds.

Lesson 1 free
Lessons 2–65 members only
Explore Lessons
🧪 Practice

Creative Labs

Open-ended playgrounds for experimenting with values, changing systems and developing your own visual ideas after lessons.

Members only
Explore Labs
🔍 Inspiration

Demo Projects

Explore complete creative coding artworks for free. Members get extra comments, explanations and learning notes inside the code.

Free demos
Annotated code for members
Explore Demos
📐 Visual Thinking

Visual Math Explorations

Interactive models for geometry, waves, vectors, transformations, probability, fractals and physics motion.

Free
Explore Visual Math

One Concept. Multiple Ways To Learn.

Art Coding Lab is more than a traditional course. Many topics connect across lessons, labs, demo projects and visual math explorations.

Example: Waves

  • Learn sine motion in a guided p5.js lesson.
  • Experiment with a Wave Motion Lab.
  • Open a finished wave particle demo.
  • Use Visual Math to understand amplitude, frequency and motion.

Example: 3D Morphing

  • Build from basic coordinates and geometry.
  • Move into fake 3D, depth and point clouds.
  • Study the 3D Morphing Cube demo.
  • Finish with morphing 3D art objects.
The goal is not to copy effects. The goal is to understand how visual systems are built, then modify them, combine them and create your own.

What You Will Learn

Start from the very basics and grow toward advanced creative coding systems with p5.js.

Programming Foundations

  • Coordinates, shapes and color
  • JavaScript variables and functions
  • Loops and repeated patterns
  • Animation and frame-based motion
  • Mouse and keyboard interaction
  • Randomness and generative rules
  • p5.js drawing and creative coding structure

Advanced Creative Systems

  • Generative art and pattern systems
  • Trigonometry, waves and orbit motion
  • Particles, trails and simulations
  • Artificial life and emergent behavior
  • Computer vision and camera art
  • Organic systems and ecosystems
  • Fake 3D, wireframes and morphing worlds

Why Micro Challenges?

Creative coding can feel overwhelming when you jump directly into complex projects. Micro challenges turn each concept into small actions you can complete, test and understand.

Instead of Passive Watching

  • No long lectures before you touch code
  • No giant unexplained final projects
  • No copying effects without understanding them
  • No need to search scattered tutorials

You Learn By Doing

  • Read a short explanation
  • Change a small piece of code
  • See the visual result instantly
  • Repeat until the concept becomes natural

Unlock The Full Creative Coding Course

Continue your journey from beginner to advanced and learn p5.js through generative art, simulations, 3D worlds, computer vision and creative systems.

$19/month

65+ Lessons 650+ Micro Challenges Beginner → Advanced p5.js From Scratch

Lesson 1 is free. Membership unlocks the full curriculum, Creative Labs, annotated Demo Projects, future updates and member learning tools as they are added.

Membership Includes

  • Complete 65+ lesson creative coding curriculum
  • 650+ micro challenges
  • Creative Labs
  • Annotated Demo Projects
  • Beginner-friendly p5.js learning path
  • Future lessons and updates
Join Full Course — $19/month

View full curriculum