Class notes, reading assignments, exams

Milestones - a quick look ahead.
Readings and assignments are tentative. Tests dates will not change.

	Topic	Assignment	Reading
F 12 / 14	Final exam 12:00 PM
Week 16 M 12 / 3	Semester wrap up
Week 15 M 11 / 26	Semester wrap up
Week 14 M 11 / 19
Week 13 M 11 / 12		2nd Test Fri 11 / 16
Week 12 M 11 / 5
Week 11 M 10 / 29
Week 10 M 10 / 22
Week 9 M 10 / 15
Week 8 M 10 / 8
Week 7 M 10 / 1	jQuery	1st Test Fri 10 / 5	Yale ch 4
Week 6 M 9 / 24	Javascript, DOM, jQuery	Assign 7, 8
Week 5 M 9 / 17	CSS	Assign 6	Sebesta ch 5
Week 4 M 9 / 10	Page design, Blueprint	Assign 4, 5	Sebesta ch 4
Week 3 W 9 / 5	Page layout, div, span
Week 2 M 8 / 27	HTML, CSS	Assign 2, 3 - HTML, CSS	Sebesta ch 3, Yale ch 7 and 8
Week 1 W 8 / 22	Course intro, HTML	Assign 1 - HTML	Sebesta ch 1 & 2

Readings are from our textbook ("Programming the World Wide Web, 7th ed" by Sebesta) or in the Yale Web Style Guide, 3rd edition. Additional shorter web readings will be assigned (see Detailed Schedule below).

Detailed Schedule

Class 19 (F 10/5)

• First test

Class 18 (W 10/3)

• jQuery
• Review for test

Class 17 (M 10/1)

• jQuery basics
  • List of basic methods
  • Hello world in jQuery
  • Sample jQuery scripts
• Events

Class 16 (F 9/28) - no class

Class 15 (W 9/26)

Class 14 (M 9/24)

• CSS selectors
  • descendant vs. child
  • pseudo-classes: nth-chilc, first, last, content

Class 13 (F 9/21)

• Javascript basics
• Sebesta problem 4.1

Class 12 (W 9/19)

• Cascade / selectivity example 1 – covered in class
• Cascade / selectivity example 2 – covered in class

Class 11 (M 9/17)

• Wrap up CSS
• Inheritance
• Cascade

Class 10 (F 9/14)

• CSS contextual selectors
• CSS pseudoclasses
• Second HTML Assignment
• Assignment 5 – Formatting Lists
• Read Sebesta Ch 4.1-4.6 (Javascript) for Monday
• You need to have Firebug installed by Monday

Class 9 (W 9/12)

• Page layout
• Blueprint exercise
• Assignment 4 – Blueprint

Class 8 (M 9/10)

• Normal flow layout - no Blueprint
• Blueprint Example 1 -
• Blueprint Example 2 -
• Link to bpReset.css (useful only if the above examples can not load it from my web server)

Class 7 (F 9/7)

• Page design
  • Proximity
  • Alignment
  • Repetition
  • Contrast
• Design of a business card
• Download Blueprint for Monday's class

Class 6 (W 9/5)

• Assignment 2 review
• Box model
• My basic styles CSS style sheet that I use in all web pages
• Normal flow
  • float
  • clear
  • display: block, inline, none
• For Friday read
  • Graphic Design by Robin Williams (link on Readings)
  • Yale Style Guide chapter 7 especially sections on Document Design and Visual Design

M 9/3 - no class

Class 5 (F 8/31)

• Assignment 1 review
• CSS selectors
  • Class
  • Id
  • Element

Class 4 (W 8/29)

• Notes on CSS
• Motivation for CSS
  • abcNews-8-14-2000
  • abcNews-2009
• Cascade
• Inheritance
• Key idea: know the difference between cascade and inheritance

Class 3 (M 8/27)

• A little more HTML
• Styles
  • 'property: value' pairs – we will see a lot of this during the semester
• Box model
• Selectors
• Classes
• Read Yale chapter 7 (read Document Design and Sidebar sections), chapter 8 (skip Display Typography and Sidebar)

Class 2 (F 8/24)

• HTML basic tags – hn, p, ul, ol, li, a, br, pre, em, strong
• Sample HTML page
• Versions of the page we developed, My Favorite Course
• Assignment 1 assigned
• Read Ch 3 in our textbook

Class 1 (W 8/22)

• Course mechanics: grading, student expectations, textbook, etc.
• Sample web page that we will create this semester
• Read Ch 1 and 2 in our textbook