Supplements

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

• References/Links from Each Chapter
• Lecture Slides
• Self-Checks and 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

References/Links from Each Chapter

The following page lists every link and reference given at the end of each chapter of the textbook, so that you don't have to type them in to use them.

• Web Programming Step by Step, References

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)

• all of our slides and related resources, as a ZIP (download this if you plan to edit and re-post your own version of the slides)

Self-Checks and Programming Exercises

• Appendix B: Answers to Self-Check Problems (contains solutions to all Self-Check problems that appear in the textbook)

The following additional programming exercises are provided to supplement the book. They might serve as useful source material for creating assignments, labs, and other exercises. They are grouped into "units" of chapters covering related material. These problems are 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

(section handouts last updated June 18, 2011 with many new problems in each section)

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)
• Lab 10: Practice Exam Problems
• Wiki notes about each lab

• 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)
• Discussion Section 10: Practice Exam Questions
• Wiki notes about each section
• Newer versions used at U. of Washington in Spring 2011 (more problems in each section!): Section 1 , Section 2 , Section 3 , Section 4 , Section 5 , Section 6 , Section 7 , Section 8 , Section 9 , Section 10

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)
• Assignment criteria and wiki grading notes for all of the above assignments (please do not post these on any public web site)
• Solutions and instructor support files for all of the above assignments (please do not post these on any public web site)
  • (Criteria and solutions are password-protected. Instructors, please contact us for access.)

Sample Exams

(Exams are 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 (Views, Templates, and Layouts)
• Week 8: Lecture Slides (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)