Alfredo 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 (July 15).

In preparation for lecture...

Please close up any laptops, cellphones, Humane AI Pins, N64s and other 'beep-boop' devices.

P3: Portfolio

Coding Quiz

We will be holding the coding quiz during our lecture time on July 22.

For the quiz you will be presented with a layout that you have to replicate using HTML and CSS. There are two parts to this quiz:

  1. Text describing your two methods of reproducing the design and explanations of how and why they work (worth 7/10 marks).
  2. Recreating the layout using one of your methods using HTML and CSS (worth 3/10 marks).

Coding Quiz

Part A

Explain two methods of reproducing the design above using HTML and CSS. For each method, include:

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

Coding Quiz

Part B

Recreating the layout using one of the methods you have described using 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 and layout and developer/debugging tools in preparation for the quiz.

Coding quiz rules and requirements

Coding quiz exercise

What if I cannot attend?

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

For today's code tutorial

Please make sure you have today's starter kit — available at short.alfredosherman.com/339-t07

The next couple weeks

Just a reminder of what is coming up in IAT-339:

If there are other code items you would like covered please do not hesitate to reach out and let me know.

Activities for today's lab

Busy agenda!

  1. P3 check-in
  2. Coding quiz exercise
  3. Reading reflection #4 (Final!)
  4. Class survey
Survey
1/1