IAT-339web design & development

May 13 (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
• Reflection #1

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

May 20 (02)

Styling the Webs

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

• Critiques
• CSS exercise

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

May 27 (03)

Like Building Blocks

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

• Critiques
• Layout exercise

• HTML exercise
• CSS exercise

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

June 3 (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.

June 10 (05)

Devices and their Fickle Owners

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

• Critiques
• Positioning exercise
• Reflection #2

• Git exercise

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

June 17 (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.

June 24 (07)

Content is Key

Considerations of structuring and writing quality content.

• Critiques
• Accessibility exercise
• Reflection #3

• JavaScript exercise

Williams, Gareth F. (2021). "Dyslexic Myths Presented as Truths." Retrieved 7/15/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 7/15/2025, from https://www.smashingmagazine.com/2021/11/dyslexia-friendly-mode-website/

July 1 (08)

Canada Day (no lecture or labs)

No lecture or labs this week.

July 8 (09)

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 7/15/2025, from https://danmall.me/articles/portfolios/

July 15 (10)

More Code than Design

Thinking further about web development.

• Critiques
• Coding quiz exercise
• Survey
• Reflection #4

• Employment exercise

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

July 22 (11)

The Coding Quiz

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

• Critiques

• Coding quiz exercise
• Survey

July 29 (12)

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

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

August 5 (13)

Portfolio Review

Bring in your final portfolios to lecture. We will review them and provide further feedback and direction.

• Critiques

• P3: Portfolio