ah teaches web design & development (More Code than Design lecture)

More Code than Design

Lecture outline

Thinking further about web development. Lecture slides will be made available on the day of the lecture (November 18).

Today's critiques

There will be critique time available in the extended second half today, but it will likely not be enough time to see you all. I am offering as alternative options this week:

• Thursday, Nov 20 from 8-9pm (online)
• Friday, Nov 21 from 1-2:30pm (online)

Please sign up for at least one critique time this week to ensure you get feedback on P3.

In preparation for lecture...

Please close up any laptops, cellphones, Palm Pilots, Super Pockets and other 'beep-boop' devices.

Coding Quiz

We will be holding the coding quiz during our lecture time on November 25.

For the quiz you will be presented with problematic code that you will need to improve the semantics and accessibility of using HTML and CSS. There are two parts to this quiz:

1. Text describing how and why you will change the code in particular ways (worth 7/10 marks).
2. Writing out your fixed up of the code in HTML and CSS (worth 3/10 marks).

Coding Quiz

Part A

Text describing how and why you will change the code in particular ways:

• For example: I would use the a different value for the font-size property because...
• For example: The div element means... which is a better/worse in this case because... etc.

This will be worth 7 of 10 points. Part marks are possible.

Coding Quiz

Part B

Writing out your fixed up of the code in HTML and CSS.

This will be worth 3 of 10 points. Part marks are possible.

What do I review for the quiz?

I highly recommend reviewing anything we have covered with regards to HTML markup, CSS styling, accessibility and developer tools.

Coding quiz rules and requirements

• You will need your student ID to participate.
• You will need a laptop to complete the coding quiz.
• You may use the internet to look things up during the quiz.
• You may use the code validator during the quiz.
• AI use will not be permitted.
• You are not permitted to discuss the quiz with anyone inside or outside the classroom.

What if I cannot attend?

If you have any concerns about being able to attend, please contact Andrew before the lecture. We will arrange another time to have you complete the quiz.

For today's code tutorial

We will be covering code pre-processing, for which we will need prepros.io

Once you have that installed, take a look at pugjs.org and sass-lang.com