ahandrewh teaches IAT-339web design & development

September 9 (01)

The Interwebs

An overview of the course, some fundamentals when thinking about design on the web, and an introduction to semantic markup.

• Introduction to P1: Process
• HTML exercise

Soueidan, Sara. (2019). "What a Year of Learning and Teaching Accessibility Taught Me." Retrieved 8/31/2025, from https://www.sarasoueidan.com/blog/what-accessibility-taught-me

September 16 (02)

Styling the Webs

Thinking about our websites as modular components and the fundamentals of styling websites.

• Critiques
• CSS exercise

• HTML exercise

Frost, Brad. (2016). "Atomic Design Methodology (Chapter 2)." Atomic Design. Brad Frost.

September 23 (03)

Like Building Blocks

More depth on styleguides, as well as thinking and building responsive structures online.

• Critiques
• Layout exercise

• CSS exercise

Andrew, Rachel. (2017). "The New Layout (Chapter 3)." The New CSS Layout. A Book Apart.

October 7 (04)

The Utility Belt

Approaches for debugging code and an introduction to git.

• Introduction to P2: Company
• Git exercise

• P1: Process
• Layout exercise

Demaree, David. (2016). "Thinking in Versions (Chapter 1)." Git for Humans. A Book Apart.

October 14 (05)

Devices and their Fickle Owners

Thinking about how users use websites, and more options for laying out your site.

• Critiques
• Positioning exercise

• Git exercise

Thomas, David. (2020). "User Bias (Chapter 2)." Design for Cognitive Bias. A Book Apart.

October 21 (06)

Usefulness

More depth on accessibility and usability online.

• Critiques
• JavaScript exercise

• Positioning exercise

Marquis, Mat. (2016). "Getting Set Up (Chapter 1)." JavaScript for Web Designers. A Book Apart.

October 28 (07)

Content is Key

Considerations of structuring and writing quality content.

• Critiques
• Accessibility exercise

• JavaScript exercise

Williams, Gareth F. (2021). "Dyslexic Myths Presented as Truths." Retrieved 8/31/2025, from https://www.linkedin.com/pulse/dyslexic-myths-presented-truths-gareth-ford-williams/

Barstow, John C. (2021). "Adding A Dyslexia-Friendly Mode To A Website." Retrieved 8/31/2025, from https://www.smashingmagazine.com/2021/11/dyslexia-friendly-mode-website/

November 4 (08)

Being the Unicorn

Portfolios... just portfolios.

• Project review
• Introduction to P3: Portfolio
• Employment exercise

• P2: Company
• Accessibility exercise

Mall, Dan. (2018). "A Portfolio Hiring Managers Can't Deny." Retrieved 8/31/2025, from https://danmall.me/articles/portfolios/

November 18 (09)

More Code than Design

Thinking further about web development.

• Critiques
• Coding quiz exercise

• Employment exercise

Monteiro, Mike. (2017). "A Designer's Code of Ethics." Retrieved 8/31/2025, from https://deardesignstudent.com/a-designers-code-of-ethics-f4a88aca9e95

November 25 (10)

The Coding Quiz

This entire lecture will be our time for completing the coding quiz.

• Critiques
• Survey

• Coding quiz exercise

December 2 (11)

Debugging Day

As the title suggests we'll spend this lecture helping you debug your final projects in addition to covering some speed optimization.

• Critiques

• P3: Portfolio
• Survey

Böck, Max. (2021). "Space Jam." Retrieved 8/31/2025, from https://mxb.dev/blog/space-jam/