<?xml version="1.0"?>
<?xml-stylesheet type="text/xml" href="presenter.xsl"?>
<slideshow>
	<title>jQuery: write less. do more.</title>
	<slide>
		<title>jQuery: write less. do more.</title>
		<body>
			<p><em>An Introduction by Karl Voelker</em></p>
			<p>jQuery is an all-purpose JavaScript library.</p>
			<p>It helps you do two things:</p>
			<ol>
				<li>Write less</li>
				<li>Do more</li>
			</ol>
		</body>
	</slide>
	<slide><title>Did you know?</title><body>
		<p>jQuery was created by John Resig, an alumnus of CSH.</p>
	</body></slide>
	<slide>
		<title>The Basic Idea</title>
		<body>
			<p>Having an interactive web page usually means lots of 
			DOM code. This is a problem:</p>
			<ul>
				<li>DOM code is verbose</li>
				<li>DOM code is excessively wordy</li>
				<li>DOM code requires a lot of typing</li>
			</ul>
			<p>jQuery solves this problem by not being verbose.</p>
		</body>
	</slide>
	<slide>
		<title>jQuery Selectors</title>
		<body>
			<p>The jQuery selector language is a mix. You can use:</p>
			<ul>
				<li>CSS 1-3 Selectors</li>
				<li>A basic XPath subset</li>
				<li>Both at the same time!</li>
			</ul>
			<p>Some examples:</p>
			<dl>

				<dt><code>$("#foo")</code></dt>
				<dd>Select the element with ID "foo"</dd>

				<dt><code>$("ul.items ~ p")</code></dt>
				<dd>Select preceding-sibling "p" elements of "ul" elements 
				with class "items"</dd>

				<dt><code>$("table/tr:odd")</code></dt>
				<dd>Select the odd table rows in a table</dd>

			</dl>
		</body>
	</slide>
	<slide>
		<title>What can we do with a jQuery?</title>
		<body>
			<p>Here are some ideas:</p>
			<dl>
				<dt>
			<code>$("p").after("&lt;hr/&gt;")</code>
				</dt>
				<dd>
					<iframe src="examples/ex1.html" style='height:300px'/>
				</dd>
			</dl>
		</body>
	</slide>

</slideshow>
