ahandrewh teaches IAT-339web design & development

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

Course overview

Important information for an overview of Web Design & Development.


No announcements yet as the term has not started.

    Projects and exercises

    Course-work for the term.


    Longer and more complex work.

    P1: Process
    • Individual project.
    • From Jan. 11 to Feb. 1.
    • Worth 10% of final grade.
    P2: Company
    • Group project.
    • From Feb. 1 to Mar. 8.
    • Worth 30% of final grade.
    P3: Portfolio
    • Individual project.
    • From Mar. 8 to Apr. 5.
    • Worth 30% of final grade.


    For coding practice and feedback.

    HTML exercise
    • From Jan. 11 to Jan. 18.
    CSS exercise
    • From Jan. 18 to Jan. 25.
    Layout exercise
    • From Jan. 25 to Feb. 1.
    Git exercise
    • From Feb. 1 to Feb. 8.
    Positioning exercise
    • From Feb. 8 to Feb. 15.
    Accessibility exercise
    • From Feb. 15 to Mar. 1.
    JavaScript exercise
    • From Mar. 1 to Mar. 8.
    Employment exercise
    • From Mar. 8 to Mar. 15.
    Coding quiz exercise
    • From Mar. 15 to Mar. 22.
    • From Mar. 22 to Mar. 29.

    Reading reflections

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

    Reading reflection #1
    • From Jan. 11 to Jan. 18.
    Reading reflection #2
    • From Jan. 18 to Jan. 25.
    Reading reflection #3
    • From Jan. 25 to Feb. 1.
    Reading reflection #4
    • From Feb. 8 to Feb. 15.
    Reading reflection #5
    • From Feb. 15 to Mar. 1.
    Reading reflection #6
    • From Mar. 8 to Mar. 15.
    Reading reflection #7
    • From Mar. 15 to Mar. 22.

    Code tutorials

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


    All lectures slides for Spring 2022.

    The Interwebs (Jan. 11)

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

    Styling the Webs (Jan. 18)

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

    Like Building Blocks (Jan. 25)

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

    The Utility Belt (Feb. 1)

    Approaches for debugging code and an introduction to git.

    Devices and their Fickle Owners (Feb. 8)

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

    Usefulness (Feb. 15)

    More depth on accessibility and usability online.

    Reading week (no lecture or labs) (Feb. 22)

    No lecture or labs this week.

    Content is Key (Mar. 1)

    Considerations of structuring and writing quality content as well as an introduction to JavaScript.

    Being the Unicorn (Mar. 8)

    Portfolios... just portfolios.

    The Grey Zone (Mar. 15)

    Ethics, web design and development.

    The Coding Quiz (Mar. 22)

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

    Debugging Day (Mar. 29)

    As the title suggests we'll spend this lecture helping you debug your final projects.

    Portfolio Review (Apr. 5)

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