Core Lab Interaction Syllabus
Parsons School for Design, Communication Design
Core Lab Interaction, PUCD 2125 A; CRN 2533
Spring 2020

Dylan Fisher
Meets on Friday afternoons, 46:40 pm
2 W. 13th, Room #1006

Course homepage

Course Description                                        

This course serves as a complement to Core Studio Interaction. The assignments are built to work in tandem with the projects students are developing in the studio class. The lab is designed around a series of small workshops that teach beginning and intermediate interaction design through a hands-on engagement with HTML and CSS.

Course Goals                                        

  • To learn to apply your own interests as a designer onto a live platform
  • To observe and analyze what interests and inspires you
  • To communicate a narrative through words, design, content, and code
  • To gain an understanding of internet history, where it is now, and how your work will contribute to it in the future
  • To gain familiarity with a range of digital contemporary art and design practices
  • To enhance your presentation skills

Learning Outcomes

By the end of this course, students will be able to:

  1. Apply skills in HTML
  1. Standards: W3C, the World Wide Web Consortium: W3C recommendations as standards
  1. Understand the difference between programming and markup
  1. Title, Meta (keywords/descriptions); !DOCTYPE and Document Type Definition
  1. HTML tags and the HTML Element Syntax including opening/closing tags, nested structures.
  1. HTML Attributes: class, id, style, title
  1. Headings, Paragraphs and Formatting
  1. Links, lists, forms and images
  1. The Box Model
  1. HTML5 Semantic/Structural elements
  1. HTML5 Media Elements
  1. Apply skills in CSS
  1. Cascading Style Sheets, their storage in external CSS files and reference in HTML
  1. Styling backgrounds, text, links, lists and forms
  1. Styling the Box Model: border, outline, margin, padding
  1. Working with dimensions, positioning, display, floating and align
  1. Color systems
  1. Manipulating images with CSS
  1. Using Webfonts
  1. Using CSS to create interactive elements
  1. Media queries and responsive design
  1. Understand the meaning of JavaScript/JQuery
  1. Basic idea of JavaScript and JQuery