forked from tdd/pragmatic-javascript
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
75 lines (70 loc) · 3.28 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pragmatic Guide to JavaScript - Original codebase</title>
</head>
<body>
<h1>Pragmatic Guide to JavaScript</h1>
<h2>The original (heavily Prototype-based) codebase</h2>
<h3>Check it out!</h3>
<ul>
<li><a href="debugbench.html">The debug bench</a></li>
<li><a href="testbench.html">The test bench</a></li>
<li>
<h4>The DOM, events and timers</h4>
<ul>
<li><a href="dom/delegation.html">Leveraging event delegation</a></li>
<li><a href="dom/background.html">Simulating background processing</a></li>
</ul>
</li>
<li>
<h4>UI tricks</h4>
<ul>
<li><a href="ui/tooltips/index.html">Pulling off classy tooltips</a></li>
<li><a href="ui/popups/index.html">Making accessible popups</a></li>
<li><a href="ui/preloading/index.html">Preloading images</a></li>
<li><a href="ui/lightbox/index.html">Creating a lightbox effect</a></li>
<li><a href="ui/infinite/index.html">Implementing an “infinite scroll”</a></li>
<li><a href="ui/viewport/index.html">Maintaining the viewport when loading extra content above it</a></li>
</ul>
</li>
<li>
<h4>Form-fu</h4>
<ul>
<li><a href="form/submit/index.html">Temporarily disabling a submit button</a></li>
<li><a href="form/feedback/index.html">Providing input length feedback</a></li>
<li><a href="form/checklist/index.html">(Un)checking a whole set of checkboxes at once</a></li>
<li><a href="form/validation101/index.html">Validating forms: the basics</a></li>
<li><a href="form/validation102/index.html">Validating forms: going further</a></li>
<li><a href="form/validation_ajax/index.html">Validating forms: the whole nine yards (Ajax checks, etc.)</a></li>
<li><a href="form/tooltips/index.html">Providing on-the-fly help with tooltips</a></li>
<li><a href="form/autocompletion/index.html">Auto-completing input as it’s typed</a></li>
<li><a href="form/uploads/index.html">Looking snappy (at first) with dynamic multiple file uploads</a></li>
</ul>
</li>
<li>
<h4>Talking with the server side</h4>
<ul>
<li><a href="server/json/index.html">Using JSON</a></li>
<li><a href="server/jsonp/index.html">Using JSON-P</a></li>
<li><a href="server/crossdomain1/index.html">Loading stuff through “Ajax” (different domain, take 1)</a></li>
<li><a href="server/crossdomain2/index.html">Loading stuff through “Ajax” (different domain, take 2)</a></li>
</ul>
</li>
<li>
<h4>Going mashups</h4>
<ul>
<li><a href="mashups/twitter/index.html">Syndicating your Twitter updates</a></li>
<li><a href="mashups/flickr/index.html">Syndicating your Flickr updates</a></li>
<li><a href="mashups/geo/index.html">Getting geocoding for a location and photos taken there</a></li>
</ul>
</li>
</ul>
<h3>Grab the code</h3>
<ul>
<li><a href="http://github.com/tdd/pragmatic-javascript">The original codebase on Github</a></li>
<li><a href="http://github.com/tdd/pragmatic-javascript-jquery">The jQuery variant</a></li>
</ul>
</body>
</html>