GRC 338‑02 Tuesday 12:10 pm
Course overview
Initial survey
Nomenclature activity in lab
Type hierarchy annotation activity in lab
Hello world assignment in lab
Design principles discussion (in lab)
Due: Design principles examples group assignment (in lab)
Class journals open (due every Wednesday 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.
Due: HTML/CSS quizzes
Restaurant menu assignment open
No class. Tuesday follows a Monday schedule.
Work on the Restaurant menu assignment
Class journals open (due every Wednesday 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 Wednesday 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 Wednesday 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 Wednesday 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 Wednesday 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 Wednesday 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 Wednesday 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 Wednesday 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.