# Week 6 Agenda

# Studio

# Tuesday, 2/25

• Persona
• User Experience
• CMS

# Homework

• Having one solid direction for your archive and all the 30 images
• Have all the 50 images on the right size, style and format
• Bring your initial sketches into a new level (still on paper, indesign or illustrator)
• Having a strong visual direction and language to use for your website

# Thursday, 2/27

• Digital Strategy
• Peer-to-peer
• Machine Learning

# Homework

• HTML and CSS ready to review the homepage
• Bones of each pages that your website should have (only HTML for those)

# Lab

# Friday, 2/28

• Week 6 Student Presentation (Eliz)
• Review CSS Animations Homework
• Remind class about grading
• Lesson 6: Exploring Basic JavaScript

# Homework

1. Using the starter code here, create your own index.html page that uses a button to generate content on the screen.

   • Take a look at the in-class examples listed below to get ideas for how you can generate and manipulate content on the screen when this function runs. For example, what if we randomized the images on the screen every time we clicked the button? How would we have to change the in-class code?
   • Try to do additional things inside here too. Learn how to set style in JavaScript to change colors, typography, etc.

2. Review the in-class examples linked below and please come in with specific JavaScript questions. Next week we will review and build on our previous lesson by incorporating HTML elements like buttons, select dropdowns, and range sliders in order to generate and filter content for your Archive project

• In-Class Examples

  • Completed in-class lesson with code comments
  • Final version of random image generator
    • Only 5 lines of JavaScript!
  • Button Starter Code

• Next Up for our weekly presentation of a public site: Juri

Due Date: Uploaded to your Github repo and accessible via a link on your course homapge by next lab, March 6