About the Site

Interactive Media Web is an undergraduate design elective course at OCAD University in Toronto, Canada. This website is for students who are actively participating in the course but it’s also for anyone that’s curious about the World Wide Web as a creative medium. Take a look around and leave your mark along the way!

About the Instructor

Peter Ha is a co-founder of Equal Parts Studio, a Toronto-based contemporary graphic design practice. Their process is founded on curiosity and finding the joy and playfulness in every project. Since 2021, he has been teaching design process, information design and interactive media at OCAD U.

Credits

Original syllabus by Ali S. Qadeer
Design and Development by Peter Ha
Built using Static Website Template by Vincent Will
Typeset in Inconsolata and Xanh Mono

JS Basics

JavaScript

  1. Interaction: Click on a circle to change background color of container.
  2. Loop: Use a for loop to add repeating text.
  3. Condition: Change the color of the square based on a set of conditions.
  4. Time: Increase the font size of the text as time passes.
  5. Input: Display the number of characters from an input field.
  6. Console: Print a message of your choice to the console.

Exercise 5 Screenshot
Download Exercise File

Objective

To familiarize with DOM (Document Object Model) and basic concepts in JavaScript such as variables, loops, functions and debugging.

Resources

← Flexbox jQuery →