❧ Exercise 1: Favorite & Least Favorite Sites

Post your least favorite and most favorite websites to the class Discord. Be prepared to discuss your choices with the class next meeting.

Due: Tue, Jan 27

❧ Exercise 2: 1:1 Website Recreation

Choose a website you love and recreate it pixel-perfect in Figma. You must use auto layout and maintain organized design in your Figma file. Post the link to your Figma file in the Discord channel.

Due: Thu, Jan 29

❧ Exercise 3: Hello World

Create a hello world website introducing yourself. The website must have at least one hyperlink—this could link to favorite interests, or more in-depth pages that say more about you. Feel free to use your imagination! Note: the Wikipedia page on 'Hello, World!' has some interesting backstory and is worth checking out.

Due: Thu, Feb 5

❧ Exercise 4: Easter Egg

Design an easter egg for your website—a hidden interaction, animation, or surprise for users to discover. Provide thoughtful documentation explaining your concept and how users can find it, along with a link to your site.

Due: Thu, Feb 12

❧ Exercise 5: Responsive Screensaver

Create a responsive 'screensaver'. You must use at least four elements that are animated, as well as four responsive states. Resources: CSS Animations, CSS Responsive Design.

Due: Thu, Feb 19

❧ Exercise 6: Event Listener

Create a website that responds to one of Brian Eno's Oblique Strategies. The website must include at least one event listener. Pick a strategy from the full list and interpret it through code. Post link to Discord. Resources: Introduction to Events, EventTarget: addEventListener().

Due: Thu, Feb 26

❧ Exercise 7: Error Message

Design an error message for a website—this could be a 404 page, form validation error, or other error state. Post link to Discord.

Due: Thu, Mar 5

❧ Exercise 8: Data Visualization Research

Research and find one example of an interesting, well-executed data visualization and one that is poorly done. Post both examples to Discord with a brief explanation of what makes each effective or ineffective.

Due: Thu, Apr 2

❧ Exercise 9: Everyday Object as Website

Rethink an everyday object and reimagine it as a website. This can be either practical or experimental—consider how the object's function, form, or meaning could translate into a web experience. Post link to Discord.

Due: Thu, Apr 23