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.
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:
- Text describing your two methods of reproducing the design and explanations of how and why they work (worth 7/10 marks).
- 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:
- Describe how you would reproduce the design. For example: I would use the
display: grid
property with... - Explain how and why your reproduction works. For example: The
display: grid
property will allow the layout to ... which is why .... will be sized ... etc.
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
- 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 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:
- Jul 22 — P3 critique, coding quiz.
- Jul 29 — P3 critique, speed optimization, 'debugging' day.
- Aug 5 — P3 final portfolio review.
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!
- P3 check-in
- Coding quiz exercise
- Reading reflection #4 (Final!)
- Class survey