Initial commit

## Example files for the title:  

# Programming jQuery, by Craig Buckler

[![Programming jQuery, by Craig Buckler](http://akamaicovers.oreilly.com/images/9781926873725/cat.gif)](https://www.safaribooksonline.com/library/view/title/9781926873725//)

The following applies to example files from material published by O’Reilly Media, Inc. Content from other publishers may include different rules of usage. Please refer to any additional usage rights explained in the actual example files or refer to the publisher’s website.

O'Reilly books are here to help you get your job done. In general, you may use the code in O'Reilly books in your programs and documentation. You do not need to contact us for permission unless you're reproducing a significant portion of the code. For example, writing a program that uses several chunks of code from our books does not require permission. Answering a question by citing our books and quoting example code does not require permission. On the other hand, selling or distributing a CD-ROM of examples from O'Reilly books does require permission. Incorporating a significant amount of example code from our books into your product's documentation does require permission.

We appreciate, but do not require, attribution. An attribution usually includes the title, author, publisher, and ISBN.

If you think your use of code examples falls outside fair use or the permission given here, feel free to contact us at <permissions@oreilly.com>.

Please note that the examples are not production code and have not been carefully testing. They are provided "as-is" and come with no warranty of any kind.

<!DOCTYPE html>

<html>

<head>

<title>Presentation</title>

<meta charset="utf-8">

<link rel="stylesheet" media="all" href="../resources/styles/presentation.css" />

<script src="../resources/script/slides.js"></script>

</head>

<body>

	<section class="slides layout-regular">

		<article>

			<h1>Introduction to jQuery</h1>

			<p>What you need to know</p>

		</article>

		<article>

			<h1>Web fundamentals</h1>

			<p>Client-server communication:</p>

			<img src="../resources/images/ie.png" style="position:absolute;left:180px;top:300px;" />

			<div class="build">

				<img src="../resources/images/arrow-right.png" style="position:absolute;left:340px;top:320px;" />

				<img src="../resources/images/internet.png" style="position:absolute;left:410px;top:300px;" />

				<img src="../resources/images/arrow-right.png" style="position:absolute;left:550px;top:320px;" />

				<img src="../resources/images/server.png" style="position:absolute;left:600px;top:300px;" />

				<img src="../resources/images/html.png" width="100" height="100" style="position:absolute;left:590px;top:350px;" />

				<img src="../resources/images/arrow-left.png" style="position:absolute;left:550px;top:360px;" />

				<img src="../resources/images/arrow-left.png" style="position:absolute;left:340px;top:360px;" />

				<img src="../resources/images/webpage.png" style="position:absolute;left:160px;top:320px;" />

			</div>

		</article>

		<article>

			<h1>Basic HTML</h1>

			<p>Your content.</p>

			<div class="build">

			<p>tags:</p>

			<section><pre>&lt;p&gt;This is a paragraph.&lt;/p&gt;</pre></section>

			<p>IDs:</p>

			<section><pre>&lt;div id="widget"&gt;My Widget&lt;/div&gt;</pre></section>

			<p>classes:</p>

			<section><pre>&lt;p class="error"&gt;An error occurred.&lt;/p&gt;

&lt;p class="error"&gt;And another one.&lt;/p&gt;</pre></section>

			</div>

		</article>

		<article>

			<h1>Basic CSS</h1>

			<p>Your layout.</p>

			<section><pre>p {

	text-align: left;

	color: #000;

}

#widget {

	border: 1px solid #00c;

}

p.error {

	color: #f00;

}

</pre></section>

		</article>

		<article>

			<h1>Basic JavaScript (ECMAScript)</h1>

			<p>Your functionality.</p>

			<ul class="build">

			<li>JavaScript is a programming language.</li>

			<li>It's widely misunderstood.</li>

			</ul>

		</article>

		<article>

			<h1>JavaScript misconceptions</h1>

			<ul class="build">

			<li>JavaScript != Java</li>

			<li>It's a "toy" language</li>

			<li>It's only found in web browsers</li>

			<li>It's not like other languages</li>

			<li>It's inconsistent and buggy</li>

			</ul>

		</article>

    </section>

  </body>

</html>

 No newline at end of file

<!DOCTYPE html>

<html>

<head>

<title>Presentation</title>

<meta charset="utf-8">

<link rel="stylesheet" media="all" href="../resources/styles/presentation.css" />

<script src="../resources/script/slides.js"></script>

</head>

<body>

	<section class="slides layout-regular">

		<article>

			<h1>What is jQuery?</h1>

		</article>

		<article>

			<q>JavaScript is simple</q>

			<p>(but &hellip;)</p>

		</article>

		<article>

			<q>web browsers complicate matters</q>

			<div class="build">

			<img src="../resources/images/firefox.png" style="position:absolute;left:400px;top:350px;" />

			<img src="../resources/images/safari.png" style="position:absolute;left:500px;top:450px;" />

			<img src="../resources/images/chrome.png" style="position:absolute;left:400px;top:550px;" />

			<img src="../resources/images/opera.png" style="position:absolute;left:300px;top:450px;" />

			<img src="../resources/images/ie.png" style="position:absolute;left:390px;top:450px;" />

			</div>

		</article>

		<article>

			<h2>Internet Explorer</h2>

			<ul class="build">

				<li>IE started life in 1995</li>

				<li>2001: IE6 on XP</li>

				<li>2006: IE7 on Windows Vista and XP</li>

				<li>2009: IE8 on Windows 7, Vista and XP</li>

				<li>2011: IE9 on Windows 7 and Vista</li>

				<li>2012: IE10</li>

			</ul>

		</article>

		<article>

			<h2>JavaScript problems</h2>

			<p>Most browsers:</p>

			<section><pre>var xhr = new XMLHttpRequest();</pre></section>

			<p>IE6:</p>

			<section><pre>var xhr = new ActiveXObject("Microsoft.XMLHTTP");</pre></section>

		</article>

		<article>

			<h2>JavaScript solutions</h2>

			<p>Code around the problem:</p>

			<section><pre>if (XMLHttpRequest) {

	var xhr = new XMLHttpRequest();

}

else {

	var xhr = new ActiveXObject("Microsoft.XMLHTTP");

}

</pre></section>

		</article>

		<article>

			<h2>jQuery is a library</h2>

			<p>Written in JavaScript for JavaScript developers.</p>

			<ul class="build">

				<li>a consistent API</li>

				<li>powerful animation and page manipulation</li>

				<li>easier event handling</li>

				<li>simplifies Ajax functionality</li>

				<li>useful utility functions</li>

				<li>encourages extendible and reusable code</li>

				<li>reduces the code you need to write</li>

			</ul>

		</article>

		<article>

			<h2>jQuery is a library</h2>

			<p>It's NOT:</p>

			<ul class="build">

				<li>a new language</li>

				<li>a framework</li>

				<li>cheating</li>

				<li>strictly necessary</li>

				<li>the only solution</li>

				<li>perfect</li>

			</ul>

		</article>

		<article>

			<div style="width:540px;margin:100px auto 0;">

			<embed width="540" height="500" type="image/svg+xml" src="../resources/images/webpage-components.svg">

				<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" />

			</embed>

			</div>

		</article>

	</section>

  </body>

</html>

 No newline at end of file

Web browser links

Mozilla Firefox:

http://getfirefox.com/

Firebug (Firefox add-on):

http://getfirebug.com/

Google Chrome:

http://www.google.com/chrome/

Apple Safari:

http://www.apple.com/safari/

Opera:

http://www.opera.com/

Microsoft Internet Explorer:

http://www.microsoft.com/ie/

IE6 / IE7 Developer Toolbar:

http://www.microsoft.com/download/en/details.aspx?displaylang=en&id=18359

Windows 7 Pro/Enterprice XP Mode:

http://www.sitepoint.com/ie6-ie7-ie8-win7-xp-mode/

Windows 7 Home XP Mode:

http://www.sitepoint.com/ie6-ie7-ie8-windows-7-home/

VirtualBox:

http://www.virtualbox.org/

Web software links

Notepad++ (Windows):

http://notepad-plus-plus.org/

PSPad (Windows):

http://www.pspad.com/

TextPad (Windows):

http://www.textpad.com/

SciTE:

http://www.scintilla.org/SciTE.html

Aptana:

http://www.aptana.com/

TextMate (Mac):

http://macromates.com/

Internet Information Server (Windows):

http://www.iis.net/

Apache HTTP Server:

http://httpd.apache.org/

XAMPP:

http://www.apachefriends.org/en/xampp.html

 No newline at end of file