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