Week One
Technical Foundations
Online class .
Welcome & introductions
Course policies
Course calendar
Online class .
Technical foundations and dev environment setup
Assigned Work
Due Wednesday, January 19
To Do
Sign up for a GitHub account , if you don’t
already have one
As soon as possible: Submit ITMD 362 Contract and Survey (link in your
@hawk.iit.edu inbox)
As soon as possible: Join the class Basecamp (invite will arrive after you submit
the Contract and Survey)
Dev environment setup (Firefox Developer Edition, Atom.io, Node.js, Git);
follow
these instructions
Participate in Week One reading discussion on Basecamp
Week Two
Accessibility and Web Standards
Monday, January 17
No class . Martin Luther King, Jr. holiday
Online class .
Accessibility and web standards review
Linting
HTML
Assigned Work
Due Monday, January 24
To Do
Participate in Week Two reading discussion on Basecamp
Week Three
Typography; Visual Regression Testing
Introduce Project One
Principles of typography and typographic anatomy
Typeface selection and pairing
Assigned Work
Due Monday, January 31
Week Four
Color and Color Theory
ITMO announcement
HTML form elements
Form elements and interface typography
Web fonts and a bit more
typeface anatomy
Color on electronic displays
Color models in computing generally, CSS specifically
Online class.
Color theory
Color and accessibility
Creating color palettes and schemes
Color profiles and digital images
Thursday, February 3 Project
One : Post your set of interface sketches to the Project One Sketches board on
Basecamp.
Assigned Work
Due Monday, February 7
To Do
Production Problem 01 discussion
Production Problem 02
Participate in Week Four reading discussion on Basecamp
Week Five
Form Data and JavaScript; NightwatchJS
Deeper into HTML forms and form elements
WHATWG HTML Spec:
autocomplete values
ARIA roles and attributes
JavaScript event listeners (form and form-element events)
Intercepting default browser events
Accessing form data from JavaScript
Linting
JavaScript
Thursday, February 10 Project One : Respond with substantive comments on at
least three other sets of student sketches.
Assigned Work
Due Monday, February 14
To Do
Production Problem 02 discussion
Participate in Week Five reading discussion on Basecamp
Week Six
Touch Interfaces; Advanced Form Concepts
Monday, February 14
No class.
Calendar and deadline updates
Touch interfaces, screen sizes, and input devices
Comparing controlled form inputs (selects, radios, datalists)
Progressive disclosure
Assigned Work
Due Monday, February 21
To Read
Josh Clark, Designing for Touch , Chapters 1–5
To Do
Participate in Week Six reading discussion on Basecamp
Week Seven
Page and Interface Layouts
Online class.
Grid-based layout: history, theory, and terminology
Conceiving a responsive, grid-based layout
Executing grid layouts in CSS
Leveraging intrinsic web design
Last bits of progressive disclosure
Maintaining data between page refreshes with LocalStorage
Grids in page layouts
Layout of interface components
Preserving room for user alerts
Grid layouts for UI modules
Thursday, February 24 Project One : Post your Project One draft to the
Project One Drafts board on Basecamp.
Assigned Work
Due Monday, February 28
To Do
Participate in Week Seven reading discussion on Basecamp
Week Eight
Project-Related Questions and Issues
Monday, February 28
No class.
Revised Project One deadlines
Paths refresher
Buttons vs anchors; backwards and forwards movement
Form actions and methods
Form-element styling for uniformity (e.g., <input> and <select>)
Placeholder values
JavaScript topics: form submission; data in localStorage; user alerts; CC by type
Assigned Work
Due Monday, March 7
To Read
Scott Jehl, Responsible Responsive Design , Chapter 4
To Do
Production Problem 03
Participate in Week Eight reading discussion on Basecamp
Week Nine
Forms and localStorage; Advanced Event-Handling, Tests
Working through a localStorage example
Debouncing vs. throttling events
Intercepting submit events and processing data before proceeding
Providing users with humane error-messages
Any remaining Project One Qs
More sophisticated tests with NightwatchJS, BackstopJS
Thursday, March 10 Project
One : Respond with substantive comments on at least three other student projects.
Assigned Work
Due Monday, March 21
To Read
Timothy Samara, Making and Breaking the Grid , Part 2 (pp. 124–233)
To Do
Production Problem 03 discussion
Participate in Week Nine reading discussion on Basecamp
Monday, March 14
No class.
Wednesday, March 16
No class.
Week Eleven
Git in Team Settings; Coupling Tests to Git
Introduce Project Two
Team organization and communication
Git workflows
GitHub setup
Keeping repos in sync; handling merge conflicts
Thursday, March 24 Project
One : Email Project One deliverables to Stolley.
Monday, March 28 Project
Two : Email instructor with your team members and communication hub and GitHub
organization information.
Assigned Work
Due Monday, March 28
To Read
Laura Kalbag, Accessibility for Everyone : Chapter 6
To Do
Production Problem 04
Participate in Week Eleven reading discussion on Basecamp
Week Twelve
Emergency JavaScript Review; PRs and Merge Conflicts
JavaScript review, based on student Qs
The when and why of JavaScript
JavaScript and progressive enhancement
The centrality of
browser events
Online class
Introduce Project Three
Merge conflicts in Git, generally
Pull requests and resolving merge conflicts
Thursday, March 31 Project
Two : Post your signed team contract as a CONTRACT.md file to your team’s GitHub
repository.
Assigned Work
Due Monday, April 4
To Read
Steven Krug, Don’t Make Me Think, Revisited : Introduction,
Chapters 1–8
To Do
Production Problem 04 discussion
Participate in Week Twelve reading discussion on Basecamp
Week Thirteen
Usability and Usability Testing
Monday, April 4
No class .
Usability principles
Usability as engineering practice
Usability testing
Thursday, April 7 Project
Two : Post your team’s Project Two draft to the Project Two Drafts board on
Basecamp.
Assigned Work
Due Monday, April 11
To Read
Steven Krug, Don’t Make Me Think, Revisited : Chapters 9–13
To Do
Production Problem 05
Participate in Week Thirteen reading discussion on Basecamp
Week Fourteen
Dark Patterns and Deceptive Design; UI Topics
Online class.
Dark patterns in UI design
Dark patterns in JavaScript, Web APIs
Online class.
Data
attributes refresher
Working with monetary values in richly structured HTML and JavaScript
Creating, dispatching, and listening for synthetic events
Accessible, responsive, progressively-enhanced slideover interface designs
Thursday, April 14 Project
Three : Complete first round of usability testing.
Assigned Work
Due Monday, April 18
To Do
Production Problem 05 discussion
Participate in Week Fourteen reading discussion on Basecamp
Week Fifteen
Leftover Testing Topics; Work Week
Wednesday, April 20
No class. Stolley available to answer questions on Basecamp.
Thursday, April 21 Project
Two : Email Project Two deliverables to Stolley.
Monday, April 25
No class.
Stolley available for one-on-one help
Wednesday, April 27
No class.
Stolley available for one-on-one help
Thursday, April 28 Project
Three : Complete the second round of usability testing.
Thursday, May 5 Project
Three : Complete and email Stolley your usability report.
Course Information
Dr. Karl Stolley
kstolley@iit.edu
Office hours via Basecamp Chat or Pings on Tuesdays, 4pm to
5pm Central Time (America/Chicago), or by appointment or chance. If you’d like to
audio or video chat, we can of course do that, too. Just message me first. I’m always
signed into Basecamp and closely monitor my notifications. Message or email any time—I
make students a priority, and I will respond as soon as I am able.
Anthea Gonzalez (an-THAY-ah GON-za-lez) , Co-terminal Student in Information
Technology and Management, Cyber Forensics and Security
agonzalez2@hawk.iit.edu
In-person office hours on Thursdays, 10am to 12pm Central
Time (America/Chicago). I am always signed into email and Basecamp, so message or email
me any time and I will respond as soon as possible.
Navigation