Calendar

• Week
  Topic
  Date
• 1
  Pre-Internet texts
  03/03

• Talk

  • Concrete Poetry to ASCII

  Activities

  • Introductions and Class overview
  • Sign up, download, and join Sublime Text, Github, and Figma (use your .edu email for these services, and for Figma verify student status under "For Students" here)
  • Exercise: ASCII Town
  • Kickoff P1 – Personal Utility

  Assignment

  • Finish ASCII Town pt 1 and pt 2
  • P1 Step 1 - brainstorm ideas for a personal utility.
• 2
  Welcome to the Web!
  03/10

• Talks

  • Information Architecture Basics (Sitemaps)
  • Intro2HTML

  Activities

  • Create a team in class to work with this semester
  • Join the UI Design team in Figma (make sure you use your .edu email!)
  • Re-introduce yourself: Share your ASCII house
  • Review Concepts for Personal Utility with your teammates
    • Submit a link to your Google Slides or Figma presentation in ETL
    • If you made your proposal in Figma, please also move it into this Figma project for shared review and access
  • In-Class Exercise: Popular IA/Sitemap

  Assignment

  • Choose a concept and create a information architecture and wireframes for your P1 – Personal Utility place your work in Figma here
  • Exercise: Class Website
  • Recommended: Codecademy: Learn HTML Unit 1 (Elements and Structure)
• 3
  Hyperlinks
  03/17

• Lecture

  • HTML Basics
  • Intro to Figma demo files

  Activities

  • Review Personal Utility sitemaps and wireframes
  • Make your wireframes interactive

  Assignment

  • Link your ASCII House to your personal site
  • Refine your wireframes into high-fidelity, interactive, comps for Personal Utility in Figma
• 4
  Principles
  03/24

• Talk

  • CSS Basics 1
  • HIG History

  Activities

  • Group Meetings
  • In-Class Exercise: Style Your Personal Site

  Assignment

  • In Figma refine your simple prototype showing at least 2 interactions for P1
  • Recommended: Codecademy: Learn CSS