ahandrewh teaches IAT-339web design & development

The Summer 2022 version of IAT-339Web Design & Development (IAT-339)

This is old content

Andrew is not currently teaching IAT-339. This material is left online for reference only.

Course overview

Important information for an overview of Web Design & Development.


No announcements as this class is not currently running.

Projects and exercises

Course-work for the term.


Longer and more complex work.

P1: Process
  • Individual project.
  • From May 10 to May 31.
  • Worth 10% of final grade.
P2: Company
  • Group project.
  • From May 31 to June 28.
  • Worth 30% of final grade.
P3: Portfolio
  • Individual project.
  • From June 28 to August 2.
  • Worth 30% of final grade.


For coding practice and feedback.

HTML exercise
  • From May 10 to May 17.
CSS exercise
  • From May 17 to May 24.
Layout exercise
  • From May 24 to May 31.
Git exercise
  • From May 31 to June 7.
Positioning exercise
  • From June 7 to June 14.
JavaScript exercise
  • From June 14 to June 21.
Accessibility exercise
  • From June 21 to June 28.
Employment exercise
  • From June 28 to July 5.
Coding quiz exercise
  • From July 5 to July 12.
  • From July 19 to July 26.

Reading reflections

Written reflections on reading content. Only two required over the term.

Reading reflection #1
  • From May 10 to May 17.
Reading reflection #2
  • From May 17 to May 24.
Reading reflection #3
  • From May 24 to May 31.
Reading reflection #4
  • From June 7 to June 14.
Reading reflection #5
  • From June 21 to June 28.
Reading reflection #6
  • From June 28 to July 5.
Reading reflection #7
  • From July 5 to July 12.

Code tutorials

Course code tutorial files and links to live 'playgrounds' for completed tutorials.


All lectures slides for Summer 2022.

The Interwebs (May 10)

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

Styling the Webs (May 17)

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

Like Building Blocks (May 24)

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

The Utility Belt (May 31)

Approaches for debugging code and an introduction to git.

Devices and their Fickle Owners (June 7)

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

Usefulness (June 14)

More depth on accessibility and usability online.

Content is Key (June 21)

Considerations of structuring and writing quality content.

Being the Unicorn (June 28)

Portfolios... just portfolios.

The Grey Zone (July 5)

Ethics, web design and development.

The Coding Quiz (July 12)

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

Debugging Day (July 19)

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

Portfolio Review (July 26)

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

Final Portfolio Review (August 2)

Final portfolio reviews.