CSE 154: Web Programming, Spring 2014

Links

Code Validators:

• HTML Validator
• CSS Validator
• CSS Lint, a CSS syntax/style checker
• JSLint, a Javascript syntax checker (Marty's version)
  • (original version, by Douglas Crockford of Yahoo!)
• HTML Tidy (fixes the indentation and performs validation on your HTML code)

Supplemental Textbooks:

• JavaScript: The Good Parts, by Douglas Crockford of Yahoo!
• How to Break Web Software, by Mike Andrews and James A. Whitaker
• Agile Web Development with Rails, by Sam Ruby, Dave Thomas, and David Hansson

Software:

• FireFox web browser. Extensions:
  • FireBug
  • Web Developer
  • IE Tab (useful for developers who want to test cross-browser compatibility)
  • Screengrab! (saves web pages as images)
  • Regular Expression Tester (type in regular expressions and see whether they match given strings)
• Chrome web browser
• Notepad++ text editor (Windows)
• TextPad text editor (Windows)
• Sublime text editor
• HTML Tidy (fixes the indentation and performs validation on your HTML code)
  • downloadable executable version
• Free Microsoft software for UW students
• IE Developer Toolbar
• IE Script Debugger (if you're brave enough to try to write IE6-compatible Javascript)
• Google AJAX Search API
• PHP.net homepage for PHP
• XDebug extension for PHP

Language syntax "cheat sheets":

• HTML: Marty's Cheat Sheet; #2, #3, #4, #5, #6, #7, #8
• CSS: #1, #2, #3, #4
• PHP: #1, #2, #3, #4 (regexes), #5 (escaping), #6 (PHP4), #7 (special values)
• JavaScript: #1, #2, #3 (Prototype)
• SQL: #1 (has a lot of SQL syntax we didn't cover; not super useful)

Examples, Tutorials, and Useful Sites:

• Our quick HOWTOs:
  • how to take a screenshot
  • how to make a ZIP file
• Javascript:
  • Online Lint, another JavaScript syntax checker
  • Yahoo web developer videos
  • Printable JavaScript reference sheet
  • Prototype JavaScript library
  • Prototype cheat sheet
  • Scriptaculous JavaScript effects library
  • Scriptaculous wiki
  • Scriptaculous cheat sheet
  • Yahoo! UI library (YUI)
• CSS:
  • CSS Zen Garden, a page where many web designers reshape the same page's content using only CSS
  • css/edge
  • CSS Play, another CSS styling site
  • Position Is Everything: Browser bugs explained in detail
  • List of (some of the many) CSS incompatibilities in Internet Explorer 6
  • IE7, a JavaScript library to fix some of IE6's CSS compatibility problems
  • Acid2 test, checks browsers for detailed CSS compliance
  • What the Hex?, a cool hex color guessing game to test your color-picking skills!
• HTML:
  • QuirksMode, another useful CSS/JS web dev site
  • A List Apart, useful web developer site
  • ImageShack, a free image hosting service (upload images so that you can link to them in web pages)
  • HTML 5 Rocks, a site teaching about the new features in the upcoming version 5 of the HTML language
  • Can I Use...?, a site with tables showing which browsers support which HTML5 features (very useful!)
• Others:
  • w3schools - web site tutorials (sometimes out of date)
    • HTML5 Tutorial
    • CSS Tutorial
    • JavaScript Tutorial
    • PHP Tutorial
    • SQL Tutorial

Computer Science Major:

• University of Washington - Why Choose CSE?
• University of Colorado - Why Computer Science?
• Schedule of information sessions for those interested in majoring in CS
• How to meet with a CS undergraduate advisor
• information about internships
• ACM: Association for Computing Machinery (the main CSE student organization)
• ACM-W (focuses on diversity and women's issues in computing)
• GirlGeeks (inspiring women in computing)

Other:

• Hacker's Dictionary
• Web Programming Step by Step, textbook for CSE 154

Do you know a good web programming link that is missing from our list? Email it to us!