CODE YOUR OWN WEBSITE (INTRO TO HTML AND CSS)

Have you ever visited a website with some really cool effects and animations and wondered how that is done?

Join us on Saturday, March 10, to learn how to make animations by coding. Katie is going to introduce you to a programming language called “Processing”. Processing is an open source programming language for the electronic arts, new media art, and visual design communities.

During this workshop, Katie will walk you through Processing basics by turning static posters into animated ones.

We will start with some basic programming knowledge, including, variables, functions, learn about the setup( ) and draw( ) function in p5.js, shapes and colors. We will then start to recreate the posters in code. We will also cover how to animate shapes and introduce movement. We will code together on p5.js web editor - you will be able to instantly see the result of your code rendered on the fly!

**Requirements:No previous coding knowledge is needed (basic HTML or CSS is highly recommended), but you do need to be familiar with how to use a computer (in other words, Windows or iOS don't scare you and you understand basic commands like Ctrl C+Ctrl V).

Things you should bring:
// Your laptop and charger
// Mouse (this workshop can’t be followed without a mouse)
// Install Processing IDE (free software) in your laptop before you come! (https://processing.org/download/)
// Bring all you remember from your geometry class from high school! (don't worry if you don't remember much)
// Your passion, curiosity, and questions

Katie Chen is a Chinese Interactive Media Arts major with a focus on combining coding and design at New York University Shanghai. Katie has been coding intensively for about a year and half now and she can write in HTML, CSS and processing (p5 js) as well - a graphic programming language that's gotten popular over the past couple of years. Among the many things she has done, she has developed a drumming game (graphics in processing, Arduino and sensors for the physical reactions). Katie can create really cool animations just by typing commands. Aside from being a part of her formal education, coding is one of Katie's favorite hobbies.