The Summer 2025 version of IAT-339Web Design & Development (IAT-339)
Course overview
Important information for an overview of Web Design & Development.
Announcements
Class-wide announcements made over the term.
Projects and exercises
Course-work for the term.
Projects
Longer and more complex work.
P1: Process
- Individual project.
- From May 13 to June 3.
- Worth 10% of final grade.
P2: Company
- Group project.
- From June 3 to July 8.
- Worth 30% of final grade.
P3: Portfolio
- Individual project.
- From July 8 to August 5.
- Worth 30% of final grade.
Exercises
For coding practice and feedback.
HTML exercise
- From May 13 to May 27.
CSS exercise
- From May 20 to May 27.
Layout exercise
- From May 27 to June 3.
Git exercise
- From June 3 to June 10.
Positioning exercise
- From June 10 to June 17.
JavaScript exercise
- From June 17 to June 24.
Accessibility exercise
- From June 24 to July 8.
Employment exercise
- From July 8 to July 15.
Coding quiz exercise
- From July 15 to July 22.
Survey
- From July 15 to July 22.
Reading reflections
Written reflections on reading content. Only two required over the term.
Reading reflection #1
- Completed in-lab on May 13.
Reading reflection #2
- Completed in-lab on June 10.
Reading reflection #3
- Completed in-lab on June 24.
Reading reflection #4
- Completed in-lab on July 15.
Code tutorials
Course code tutorial files and links to live 'playgrounds' for completed tutorials.
HTML Tutorial
Introduction to HTML.
CSS Tutorial
Introduction to CSS.
Layout Tutorial
Introduction to CSS grids.
Positioning Tutorial
Introduction to CSS positioning.
Responsive Images Tutorial
Introduction to responsive images.
Animation
Basic animation using CSS.
Lectures
All lectures slides for Summer 2025.
The Interwebs (May 13)
An overview of the course, some fundamentals when thinking about design on the web, and an introduction to semantic markup.
Styling the Webs (May 20)
Thinking about our websites as modular components and the fundamentals of styling websites.
Like Building Blocks (May 27)
More depth on styleguides, as well as thinking and building responsive structures online. Lecture slides not yet available.
The Utility Belt (June 3)
Approaches for debugging code and an introduction to git. Lecture slides not yet available.
Devices and their Fickle Owners (June 10)
Thinking about how users use websites, and more options for laying out your site. Lecture slides not yet available.
Usefulness (June 17)
More depth on accessibility and usability online. Lecture slides not yet available.
Content is Key (June 24)
Considerations of structuring and writing quality content. Lecture slides not yet available.
Canada Day (no lecture or labs) (July 1)
No lecture or labs this week. Lecture slides not yet available.
Being the Unicorn (July 8)
Portfolios... just portfolios. Lecture slides not yet available.
More Code than Design (July 15)
Thinking further about web development. Lecture slides not yet available.
The Coding Quiz (July 22)
This entire lecture will be our time for completing the coding quiz. Lecture slides not yet available.
Debugging Day (July 29)
As the title suggests we'll spend this lecture helping you debug your final projects in addition to covering some speed optimization. Lecture slides not yet available.
Portfolio Review (August 5)
Bring in your final portfolios to lecture. We will review them and provide further feedback and direction. Lecture slides not yet available.