Create & Code: Digital Art with JavaScript

Unleash your creativity by blending art and coding! In this course, students will learn to utilize JavaScript to create digital art in unique ways. Using p5.js, a beginner-friendly JavaScript library, your child will create stunning visuals, animations, and interactive experiences through the power of programming.

Throughout the course, we'll cover foundational programming concepts and artistic techniques to bring ideas to life. By the end of this class, students will have a portfolio of digital artworks and the skills to experiment further with creative coding.

Class Details:

• Small Class Size: Each class is limited to eight students, ensuring personalized attention.
• Start Date: The first student sets the time and day of the week.
• Duration: The course spans 5–6 months. Foundational topics (introduction, drawing basics, animation, and interactivity) are covered in the first 3–4 months, with advanced techniques and creative projects in the final phase. Students should plan to dedicate 2–3 hours per week, including 1–1.5 hours of guided lessons and 1–1.5 hours of independent practice and project work, to ensure steady progress and skill development.
• Group Discounts:
  • Bring a Friend: Both students receive a 10% discount.
  • Groups of Four: Each member gets a 15% discount.
  To receive the discount, include your group size during checkout and provide the names of your friends. Each student must sign up individually.

Course Overview:

1. Introduction to p5.js
   • What is p5.js and why use it for digital art?
   • Setting up your development environment.
   • Drawing shapes and working with the canvas.
2. Drawing Basics
   • Using coordinates and geometry to draw.
   • Color theory and implementation (RGB, HSB).
   • Lines, curves, and polygons.
3. Animation Fundamentals
   • Creating dynamic, animated visuals using the draw() loop.
   • Controlling motion with variables.
   • Easing, acceleration, and physics-inspired movements.
4. Interactivity
   • Capturing user input with mouse and keyboard events.
   • Making interactive art that responds to clicks, drags, and keystrokes.
   • Using sensors (e.g., sound or webcam) for immersive experiences.
5. Generative Art
   • Working with randomness to create unique, generative designs.
   • Patterns, noise, and Perlin noise for organic effects.
   • Building procedural art systems.
6. Advanced Techniques
   • Working with images and video.
   • Incorporating typography and text manipulation.
   • Exploring 3D graphics with p5.js' 3D renderer.
7. Creative Projects
   • Designing your own interactive art piece.
   • Experimenting with live installations or digital exhibitions.
   • Combining traditional art concepts with digital tools.

Who This Class is For:

This class is ideal for students interested in combining artistic expression with coding. Whether your child is a digital artist looking to learn new skills, a programmer wanting to explore creative coding, or new to both, this course meets students at their experience level. No prior programming experience is necessary—just an open mind and a willingness to experiment!