Part 0: Bookkeeping

Part 1: Tech Review

JSON

XML

XHTML

CSS

HTTP

DOM

JavaScript

Part 2: jQuery

Getting Started

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
	<title>#heweb09 Twitter Session Companion</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
   $(document).ready(function() {
      alert('DOM ready!');
   });
    </script>
  </head>
  <body>
  </body>
</html>

Selectors

Traversal

Manipulation

CSS

Events

Effects and UI

Ajax

Browser State Preservation

Part 3: The Project

Wireframe / Mockup

Break it Down

Build The Pieces

Putting them Together

Appendix

#heweb09 twitter session helper API

http://heweb09.jdwcornell.com/oauth/twitter/login
http://heweb09.jdwcornell.com/oauth/twitter/logout
http://heweb09.jdwcornell.com/api/heweb09/screenname
http://heweb09.jdwcornell.com/api/twitter/search.json?q=%23heweb09
  - and any other read-only Twitter API  http://apiwiki.twitter.com/

http://heweb09.jdwcornell.com/api/heweb09/rightnow/
http://heweb09.jdwcornell.com/api/heweb09/attendees/TPR
http://heweb09.jdwcornell.com/api/heweb09/attendees/TPR1
http://heweb09.jdwcornell.com/api/heweb09/schedule/
http://heweb09.jdwcornell.com/api/heweb09/schedule/TPR
http://heweb09.jdwcornell.com/api/heweb09/schedule/TPR1
http://heweb09.jdwcornell.com/api/heweb09/attending/jdwcornell

http://heweb09.jdwcornell.com/api/heweb09/attend session=TPR1 (POST)

http://heweb09.jdwcornell.com/etherpad/css/jdwcornell-heweb09-css1
http://heweb09.jdwcornell.com/etherpad/js/jdwcornell-heweb09-js