Creative Coding + Web Design

Rebecca Chiang Animation 1

Express yourself by using programming to create digital media art and interactive designs. Expand your creative possibilities as you learn to understand programming as an artistic medium and become familiar with common web programming languages. Through​ a variety of projects, you will learn to develop interactive experiences for the web and apply programming concepts to create interactive web apps, generative art, and data visualizations. By the end of the program, students will have developed foundational coding and problem solving skills, and be equipped to implement their creative design concepts using javascript and p5.js.

The Creative Coding + Web Design studio runs on campus and online July 4-29, 2022, on Mondays, Tuesdays, Thursdays and Fridays.

  • SU01 On campus runs from 9am-4pm daily, with a 1-hour lunch break from 12-1pm.
  • SU02 Online includes live classes from 9am-12pm (PDT), plus 3 hours for asynchronous activities, which may include: watching pre-recorded presentations and demos, and completing independent and collaborative projects.

This studio is offered through the Summer Institute for Teens 2022. Please visit the Summer Institute for Teens main page to learn more about the program and access the registration webforms.

Learning Outcomes:

Through successful completion of this studio, you will be able to:

  • Acquire an expanded understanding of digital art practices
  • Learn the fundamentals of programming with an emphasis on concept building and creative arts
  • Interpret, adapt and apply creative coding concepts and techniques
  • Employ computational methods to generate innovative design outcomes for a range of media, such as graphics, animation, image and video processing
  • Become familiar with JS libraries and coding platforms
  • Build solid problem-solving, creative thinking and communication skills

Materials & Resources - On Campus section (CETP 126 SU01)

Students participating in SIT will need to source their own supplies for their registered studio.

Full list of supplies will be available by May 1st, 2022

Estimate cost of supplies: $50-$70

Required software:

  • Adobe*
  • Figma**
  • Visual Studio Code**
  • Processing**

*ECU will provide access to the required softwares.
**Free software licenses available for individual users

Required hardware:

Students are expected to bring their own laptops to class. Computers should meet the following minimum requirements to run Adobe XD.

Students are encouraged to bring their smartphones to test their designs.


Materials & Resources - Online section (CETP 126 SU02)

Students participating in SIT will need to source their own supplies for their registered studio.

Estimate cost of supplies: $50-$70

Required software:

  • Adobe*
  • Figma**
  • Visual Studio Code**
  • Processing**

*ECU will provide access to the required softwares.
**Free software licenses available for individual users

Required hardware for the online section:

  • Tablet or a smartphone to test projects
  • Computer with webcam. Computers should meet the following minimum requirements to run Adobe XD.
  • Headphones and microphone