The Fall 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 September 12 to October 3.
- Worth 10% of final grade.
P2: Company
- Group project.
- From October 3 to October 31.
- Worth 30% of final grade.
P3: Portfolio
- Individual project.
- From October 31 to November 28.
- Worth 30% of final grade.
Exercises
For coding practice and feedback.
HTML exercise
- From September 12 to September 19.
CSS exercise
- From September 19 to September 26.
Layout exercise
- From September 26 to October 3.
Git exercise
- From October 3 to October 10.
Positioning exercise
- From October 10 to October 17.
JavaScript exercise
- From October 17 to October 24.
Accessibility exercise
- From October 24 to October 31.
Employment exercise
- From October 31 to November 7.
Coding quiz exercise
- From November 7 to November 14.
Survey
- From November 14 to November 28.
Reading reflections
Written reflections on reading content. Only two required over the term.
Reading reflection #1
- Completed in-lecture on September 12.
Reading reflection #2
- Completed in-lecture on October 10.
Reading reflection #3
- Completed in-lecture on October 24.
Reading reflection #4
- Completed in-lecture on November 7.
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 Fall 2024.
The Interwebs (September 12)
An overview of the course, some fundamentals when thinking about design on the web, and an introduction to semantic markup.
Styling the Webs (September 19)
Thinking about our websites as modular components and the fundamentals of styling websites.
Like Building Blocks (September 26)
More depth on styleguides, as well as thinking and building responsive structures online.
The Utility Belt (October 3)
Approaches for debugging code and an introduction to git.
Devices and their Fickle Owners (October 10)
Thinking about how users use websites, and more options for laying out your site.
Usefulness (October 17)
More depth on accessibility and usability online.
Content is Key (October 24)
Considerations of structuring and writing quality content.
Being the Unicorn (October 31)
Portfolios... just portfolios.
More Code than Design (November 7)
Thinking further about web development.
The Coding Quiz (November 14)
This entire lecture will be our time for completing the coding quiz.
Debugging Day (November 21)
As the title suggests we'll spend this lecture helping you debug your final projects in addition to covering some speed optimization.
Portfolio Review (November 28)
Bring in your final portfolios to lecture. We will review them and provide further feedback and direction.