The Summer 2024 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 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.
Exercises
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.
Survey
- From July 12 to July 19.
Reading reflections
Written reflections on reading content. Only two required over the term.
Reading reflection #1
- Completed in-lecture on May 10.
Reading reflection #2
- Completed in-lecture on May 17.
Reading reflection #3
- Completed in-lecture on May 24.
Reading reflection #4
- Completed in-lecture on June 7.
Reading reflection #5
- Completed in-lecture on June 21.
Reading reflection #6
- Completed in-lecture on June 28.
Reading reflection #7
- Completed in-lecture on July 5.
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.
JavaScript
Introduction to JS.
Animation
Basic animation using CSS.
Lectures
All lectures slides for Summer 2024.
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.
More Code than Design (July 5)
Thinking further about web 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.