Supplements

The following supplements are available to all instructors and students using the textbook:

• Lecture Slides
• End-of-Unit Programming Exercises
• Programming Labs and Discussion Section Handouts
• Homework Assignment Specification Ideas
• Sample Exams
• Code Files Shown in the Textbook
• Databases Used in the Textbook
• Ruby on Rails: Supplemental Slides and Material
• Other Resources

Lecture Slides

split into individual lectures for our web programming course at the University of Washington (last updated July 21, 2009):

1. Lecture 1: The Internet and World Wide Web ( PDF)
2. Lecture 2: Basic XHTML/CSS ( PDF)
3. Lecture 3: More Basic XHTML/CSS ( PDF)
4. Lecture 4: Page Sections (div/span) and CSS Box Model ( PDF)
5. Lecture 5: Floating and Positioning ( PDF)
6. Lecture 6: Introduction to PHP ( PDF)
7. Lecture 7: More PHP (arrays; expression blocks) ( PDF)
8. Lecture 8: File Processing in PHP ( PDF)
9. Lecture 9: HTML Forms ( PDF)
10. Lecture 10: Form Posting ( PDF)
11. Lecture 11: Form Validation and Regular Expressions ( PDF)
12. Lecture 12 (special topic): Object-Oriented PHP ( PDF)
13. Lecture 13: Introduction to JavaScript ( PDF)
14. Lecture 14: The JavaScript HTML DOM; Timers ( PDF)
15. Lecture 15: Unobtrusive JavaScript ( PDF)
16. Lecture 16: Walking the DOM Tree ( PDF)
17. Lecture 17: Event-Handling ( PDF)
18. Lecture 18: More Events and JS Form Validation ( PDF)
19. Lecture 19: Asynchronous JavaScript and XML (Ajax) ( PDF)
20. Lecture 20: XML ( PDF)
21. Lecture 21: Scriptaculous ( PDF)
22. Lecture 22: Web Services ( PDF)
23. Lecture 23: Introduction to Databases and SQL ( PDF)
24. Lecture 24: SQL Multi-table Queries and Joins ( PDF)
25. Lecture 25 (special topic): Cookies and Sessions ( PDF)
26. Lecture 26: Web Security Basics ( PDF)
27. Lecture 27 (special topic): Object-oriented JavaScript ( PDF)

by chapter (last updated March 31, 2009):

1. Chapter 1: The Internet and World Wide Web ( PDF)
2. Chapter 2: HTML Basics ( PDF)
3. Chapter 3: CSS for Styling ( PDF)
4. Chapter 4: Page Layout ( PDF)
5. Chapter 5: PHP for Server-side Programming ( PDF)
6. Chapter 6: HTML Forms and Server-side Data ( PDF)
7. Chapter 7: Javascript for Interactive Web Pages ( PDF)
8. Chapter 8: The Document Object Model (DOM) ( PDF)
9. Chapter 9: Events and the Prototype Library ( PDF)
10. Chapter 10: Ajax and XML for Accessing Data ( PDF)
11. Chapter 11: Relational Databases and SQL ( PDF)
12. Chapter 12: Web 2.0 and Scriptaculous ( PDF)
13. Chapter 13: "Going Live": Taking a Professional Web Site Online ( PDF)
14. Appendix A: Database Design ( PDF)

End of Unit Programming Exercises

(a work in progress; last updated March 12, 2009)

1. Unit 1 Exercises (Chapters 1-4: Basic HTML/CSS/layout)
2. Unit 2 Exercises (Chapters 5-6: Server-side Programming in PHP)
3. Unit 3 Exercises (Chapters 7-9: Client-side Programming in JavaScript)
4. Unit 4 Exercises (Chapters 10-11: Ajax, SQL, and Databases)

Programming Labs and Discussion Section Handouts

We use these handouts in our course at Washington as part of weekly closed lab sessions in which students work for roughly an hour at computers solving web programming problems. The discussion section handouts are for our weekly hour-long TA-led discussion sections in which our teaching assistants lead students through a set of problems on one shared computer with a projector.

• Lab 1: About Me (Basic HTML/CSS)
• Lab 2: Journal (CSS and Layout)
• Lab 3: Music Library (PHP)
• Lab 4: Buy-a-Grade (HTML Forms and PHP)
• Lab 5: Pimp My Text (JavaScript)
• Lab 6: Mouse Maze (JavaScript DOM and Events)
• Lab 7: Urban Dictionary Lookup (Ajax and XML)
• Lab 8: Mr. Potato Head (Scriptaculous and Web Services)
• Lab 9: SQL Queries (Databases and SQL)

• Discussion Section 1: Internet Terminology and Ballparking (The Internet / WWW)
• Discussion Section 2: Best Section (HTML/CSS)
• Discussion Section 3: Twelve Days of Xmas (PHP)
• Discussion Section 4: Complaint Letter Generator (HTML Forms and PHP)
• Discussion Section 5: Order-It (JavaScript)
• Discussion Section 6: Raptor Attack! (JavaScript DOM and Events)
• Discussion Section 7: Pet-It (Ajax and XML)
• Discussion Section 8: Photo Gallery (Scriptaculous)
• Discussion Section 9: SQL Queries (Databases and SQL)

Homework Assignment Specification Ideas

• Homework Assignment 1: Pie Recipe (Basic HTML/CSS)
• Homework Assignment 2: Movie Review (CSS and Layout)
• Homework Assignment 3: Movie Review, Part Deux (PHP)
• Homework Assignment 4: NerdLuv (HTML Forms and PHP)
• Homework Assignment 5: ASCIImation (JavaScript)
• Homework Assignment 6: Fifteen Puzzle (JavaScript DOM and Events)
• Homework Assignment 7: Baby Names (Ajax and XML)
• Homework Assignment 8: To-Do List (Web Services)
• Homework Assignment 9: Kevin Bacon (Databases and SQL)
• Homework Assignment 10: Where in the World is Carmen Sandiego? (Multimedia and Google Ajax APIs)

Sample Exams

(password-protected; instructors, please contact us for access)

• Exams Area

Code Files Shown in the Textbook

• Chapter 1 (Internet/WWW) has no code files.
• Chapter 2: Basic HTML
• Chapter 3: CSS
• Chapter 4: Layout
• Chapter 5: PHP
• Chapter 6: HTML Forms
• Chapter 7: JavaScript
• Chapter 8: DOM
• Chapter 9: Events
• Chapter 10: Ajax and XML
• Chapter 11: Databases and SQL
• Chapter 12: Web 2.0 and Scriptaculous
• Chapter 13 (Going Live) has no code files.
• Appendix A (Database Design) has no code files.

Databases Used in the Textbook

• World
• IMDB (small version)
• IMDB (full version) (a large 150mb file)
• Simpsons

Ruby on Rails (supplemental slides and material)

These materials were used for optional weekly sessions about Ruby on Rails in our Spring 2009 course at Washington. The materials were created by teaching assistants Ryan Tucker and Kelly Dunn. Many thanks to Ryan and Kelly for these great materials!

• Week 1: Lecture Slides | Code Files (Ruby Language Basics)
• Week 2: Lecture Slides | Code Files (More Ruby Language: Arrays, Blocks, Iterators, Strings, Files)
• Week 3: Lecture Slides | Code Files (Basic Web Programming with erb)
• Week 4: Lecture Slides | Code Files (Object-Oriented Ruby Programming)
• Week 5: Lecture Slides | Code Files (Creating a Basic Rails Application)
• Week 6: Lecture Slides | Code Files (Databases and Scaffolding in Rails)
• Week 7: Lecture Slides | Code Files (Views, Templates, and Layouts)
• Week 8: Lecture Slides | Code Files (Models and Relationships)

Other Resources

• University of Washington, CSE 190M course web site
  (web site for our web programming course at UW that uses the Web Programming Step by Step textbook)