What's Next?

CSE 190 M (Web Programming) Spring 2007

University of Washington

Announcements

• hw8
  • can be turned in (late) through Sunday night
  • no Wall of Shame necessary (yay!)
• final exam
  • information up on web site
  • next Thu June 7 2:30 - 4:20pm in JHN 102
  • 5 questions: HTML/CSS, JS/DOM, Ajax/XML, PHP, SQL
  • bring ID, pencil/paper, slides/printouts (no shared book/slides

• web programming is now in your blood
• you now (probably) get these jokes:
  

Some awesome student work

Sharing your work with others

• put your web dev skillz (and links to your programs) on your resume
• please don't post your HW solutions unprotected
• posting resources with a shared password:
  • doesn't require a UW NetID
  • can give password to friends / family / employers
  • .htaccess tutorial
  • .htpasswd generator #1, #2, #3

Example htaccess, htpasswd files

.htaccess :

AuthUserFile directory/.htpasswd
AuthGroupFile /dev/null
AuthName EnterPassword
AuthType Basic
require user USERNAME

.htpasswd :

USERNAME:ENCRYPTEDPASSWORD

• place these files in the root folder of the content you want to protect
• find out directory by typing pwd in SSH from your public_html folder

Further Learning

• Yahoo! web developer videos
• more Javascript
  • learn a Javascript effects library such as Scriptaculous
  • learn to write classes/objects in Javascript (tutorial #1, #2)
• make your assignments compatible w/ IE6, Opera, Safari, etc.
• Java-based web stuff
  • JSP / servlets (#1, #2)
  • applets (#1, #2)

Revisiting past homework assignments

• extensions to the assignments from this course:
  • HW1,2: Pick other web sites and try to mimic them
  • HW3: rewrite the gallery.js functionality yourself
  • HW4: learn Scriptaculous and make it animate the movement of the tiles
  • HW5: write the PHP that reads names.txt and feeds XML to client
  • HW6: read or reimplement CarmenGame.js functionality
  • HW7: implement persistent data, uploading of images, a login system
  • HW8: implement the real 6 degrees of Kevin Bacon as seen at oracleofbacon
  • HW9: write a front-end to select and view your 190M assignments

Courses you can/should take

• CSE 143 - learn more about structuring data and algorithms
• CSE 403 - software engineering (large software projects)
• CSE 498/499 - senior capstones and project courses
• INFO 344 - web tools and development
• ENTRE 475/476 - business aspects of web development

Web design

• usability : how easily users can actually use your site
• accessibility : how easily groups of people (e.g. the disabled) can use your site
• localization : making your program translatable into many languages
• search engine optimization : making site easier for Google to index
• design sites and blogs:
  • A List Apart, CSS Play, css/edge, Design by Fire, Zeldman Presents, QuirksMode
  • webpagesthatsuck.com
• (see Marty's 20-web_design slides)

Web security

• web security: (a subset of computer security)
• some common threats:
  • cross-site scripting : one site placing script content into another site
  • SQL injection : user input executed as a (potentially malicious) SQL query
  • Denial of Service (DoS) : making a web site/service unavailable to its users
  • spoofing and man-in-the-middle : pretending to be someone you're not
  • predictable resource location : guessing file/folder names
  • other threats
• links
  • W3C Security FAQ
  • Writing secure PHP code; login scripts; PHP security guide
  • Javascript security link 1, link 2

Setting up your own web server

• why?
  • test your web apps locally without needing to upload them to Dante
  • host your own projects from your house and connect to them
  • other useful services: SSH, VNC, SMB (Samba), CVS, ...
• how?
  • Linux: Ubuntu (LAMP) server tutorial
  • Windows: Apache (WAMP) tutorial; IIS tutorial

What is it like in industry?

• Guest: Amanda Camp (camp AT google.com)
• University of Arizona CS graduate and Google web developer

Thank you!