GRC 338‑04 Wednesday 12:10 pm
Course overview
Initial survey
Nomenclature activity in lab
Type hierarchy annotation activity in lab
Hello world assignment in lab
Intro to design principles assignment
Class journals open (due every Thursday night)
Due: Hello world assignment
Due: Class journals
HTML/CSS quizzes open:
Introduction to HTML; Type hierarchy on HTML; Lists and list items.
Design principles quizzes open:
Prototyping; Iteration; Hierarchy; Entry point; Form follows function; Chunking.
Design principles assignment open
Due: HTML/CSS quizzes
Restaurant menu assignment open
Due: Design principles examples individual submission
Design principles discussion (in lab)
Due: Design principles examples group assignment (in lab)
Work on the Restaurant menu assignment (in lab)
Class journals open (due every Thursday night)
Due: Restaurant menu assignment
Due: Class journals
HTML/CSS quizzes open:
Styling with CSS; Margins and paddings; The class attribute; Span tag, phrase tags, and capitalization.
Design principles quizzes open:
Consistency; Similarity; Alignment; Proximity.
Design principles assignment open
Due: HTML/CSS quizzes
Restaurant menu with style assignment open
Due: Design principles examples individual submission
Design principles discussion (in lab)
Due: Design principles examples group assignment (in lab)
Work on the Restaurant menu with style assignment (in lab)
Class journals open (due every Thursday night)
Due: Restaurant menu with style assignment
Due: Class journals
HTML/CSS quizzes open:
Images in HTML; Semantic elements.
Design principles quizzes open:
Aesthetic‑usability effect; Highlighting; Color; Legibility.
Design principles assignment open
Due: HTML/CSS quizzes
CSS style: Mobile first assignment open
Due: Design principles examples individual submission
Design principles discussion (in lab)
Due: Design principles examples group assignment (in lab)
Work on the CSS style: Mobile first assignment (in lab)
Class journals open (due every Thursday night)
Due: CSS style: Mobile first assignment
Due: Class journals
First midterm quiz open (HTML/CSS, modules 2, 3, and 4)
Due: First midterm quiz
HTML/CSS quizzes open:
The div element and the width property; CSS grid.
Design principles quizzes open:
Mental model; Von Restorff effect; Expectation effect; Horror vacui.
Design principles assignment open
Due: HTML/CSS quizzes
CSS style: Grid layout assignment open
Due: Design principles examples individual submission
Design principles discussion (in lab)
Due: Design principles examples group assignment (in lab)
Work on the CSS style: Grid layout assignment (in lab)
Class journals open (due every Thursday night)
Due: CSS style: Grid layout assignment
Due: Class journals
HTML/CSS quizzes open:
Hyperlinks; Menus.
Design principles quizzes open:
Wayfinding; Progressive disclosure; Visibility; Hick’s law.
Design principles assignment open
Final website: Content hierarchy assignment open
Due: Design principles examples individual submission
Design principles discussion (in lab)
Due: Design principles examples group assignment (in lab)
Work on the Final website: Content hierarchy assignment (in lab)
Class journals open (due every Thursday night)
Work on the Final website: Content hierarchy assignment (in lab)
Due: Class journals
HTML/CSS quizzes open:
Responsive CSS Grid
Design principles quizzes open:
Accessibility; Fitts’s law; Errors; Forgiveness.
Design principles assignment open
Due: HTML/CSS quizzes
Final website: Mobile first assignment open
Due: Design principles examples individual submission
Design principles discussion (in lab)
Due: Design principles examples group assignment (in lab)
Work on the Final website: Mobile first assignment (in lab)
Class journals open (due every Thursday night)
Due: Final website: Mobile first assignment
Due: Class journals
First midterm quiz open (HTML/CSS, modules 5, 6, and 7)
Due: Second midterm quiz
Design principles quizzes open:
Picture superiority effect; Recognition over recall; Face-ism ratio; Iconic representation.
Design principles assignment open
Final website: Responsive assignment open
Due: Design principles examples individual submission
Design principles discussion (in lab)
Due: Design principles examples group assignment (in lab)
Work on the Final website: Responsive assignment (in lab)
Class journals open (due every Thursday night)
Due: Final website: Responsive assignment
Due: Class journals
Final website: Visual language assignment open
Work on the Final website: Visual language assignment (in lab)
Class journals open (due every Thursday night)
Due: Final website: Visual language assignment
Due: Class journals
Final website: Review assignment open
Work on the Final website: Review assignment (in lab)
Due: Final website: Review assignment
Final exam quiz open on Canvas
(Design principles)
Due: Final exam quiz
This schedule is subject to change.