An introductory course to creative coding as a tool for creative exploration and visual experimentation on the web. Participants will learn to use code to manipulate DOM elements and HTML Canvas to collaboratively execute ideas and concepts that can then be published on the internet.

Through a series of lectures and exercises, you will learn how to use code to create interactive and dynamic experiences on the web, including animations, visualizations, games, or whatever floats your boat. The course will cover fundamental concepts and techniques in JavaScript programming on the back of p5.js, a popular library designed for creative coding on the web.

• Learn to use code as a creative tool for the web
• Design interactive graphics or hijack common website gestures
• Gain leverage over popular JavaScript libraries
• Understanding or even mastering p5js

Proficiency with HTML5 and CSS3, basic understanding of JavaScript, heightened sense of curiosity and *patience* when working with code

Week 1 – Introduction

• Definition and history of coding in the context of art and design
• First dive into JavaScript basic concepts
• Brainstorm & mood board creation for final project

Week 2 – Coding Playground! Part 1

• First dive into p5js: Creation and transformation of objects
• Add interactivity to objects
• Collaborative coding session, execution of exercises using p5js reference library

Week 3 - Coding Playground! Part 2

• Second round of coding: Apply what you learned to your final project
• Progress review: Get constructive feedback from the group, brainstorm ideas for further exploration
• Collaborative coding session to strengthen skills

Week 4 – Coding playground! Part 3

• Third round of coding
• Progress review

Week 5 – Final Projects Presentation

Throughout the workshop, communication and collaboration are key. Participants will be encouraged to work together, share ideas and resources, feedback on each other’s work and support each other as they work towards a common goal.

• DVTK's Positive Friction Manifesto
• Rhizome's Net Art Anthology
• Graphic Design in the Post-Digital Era
• The Nature of Code
• p5js Reference section

Fernanda Ruiz is a digital designer building virtual worlds at creative direction studio DVTK. She recently spoke about intervening type through code at TMX symposium in Oaxaca, Mexico; she has partnered with artists, designers and studios to create engaging websites that are experimental in its approach and that defy industry standards.

Index scholarships are designed to benefit underrepresented groups, BIPOC members of our community, and those for whom the class price is not accessible. These need-based scholarships will go to the candidates who best demonstrate why they should be chosen for the free spot to our class based on the following criteria:

• Belong to groups that are traditionally underrepresented in the graphic design and creative industries
• Do not have jobs that would pay for these courses as professional development
• Cannot independently afford the class at list price
• Share our value of intentional community

The number of selected applicants chosen is subject to the discretion of Index and the instructor, but every course will select at least one. Apply for a scholarship here. Applications close March 15th.

We get that things come up, but we rely on headcounts in our programs to survive as a business. If you request a refund...

More than 4 weeks before class begins → 100% refund
More than 2 weeks before class begins → 50% refund
Fewer than 2 weeks before class begins → No refund

Thanks for understanding and for supporting our ability to provide cool offerings through your purchase.