Changeset 807

Timestamp:

04/28/06 08:13:31 (2 years ago)

Author:

bob@redivi.com

Message:

checkin

Files:

• presentations/2006/ajax_experience/slides.html (modified) (46 diffs)
• presentations/2006/ajax_experience/slides.txt (modified) (54 diffs)

presentations/2006/ajax_experience/slides.html

@@ -359 +359 @@
-<ul class="simple">
-<li><a class="reference" href="#what-s-mochikit" id="id1" name="id1">What's MochiKit?</a></li>
-l
+L
-<li><a class="reference" href="#mochikit-design-goals" id="id3" name="id3">MochiKit Design Goals</a></li>
-<li><a class="reference" href="#why-mochikit" id="id4" name="id4">Why MochiKit?</a></li>
-n
+N
-<li><a class="reference" href="#mochikit-base" id="id6" name="id6">MochiKit.Base</a></li>
-a
+A
-<li><a class="reference" href="#repr-tostring" id="id8" name="id8">repr &gt; toString</a></li>
-<li><a class="reference" href="#mochikit-interpreter" id="id9" name="id9">MochiKit Interpreter</a></li>
-compare-instead-of-operators" id="id10" name="id10">compare instead of o
-s
-wait-adapters" id="id12" name="id12">Wait.. 
-registering-an-adapter" id="id13" name="id13">Registering an adapter
-comparator e
+unreliable-operators" id="id10" name="id10">Unreliable O
+S
+adapters" id="id12" name="id12">
+adapting" id="id13" name="id13">Adapting
+Comparator E
-<li><a class="reference" href="#querystring" id="id15" name="id15">queryString</a></li>
-mangling-objects" id="id16" name="id16">Mangling Objects
-object-introspection" id="id17" name="id17">Object Introspection
-function-functions" id="id18" name="id18">Function functions
-basic-array-functions" id="id19" name="id19">Basic Array f
-compare-based-array-functions" id="id20" name="id20">compare-based Array f
-higher-order-array-functions" id="id21" name="id21">Higher-order Array functions
-mochikit-iter" id="id22" name="id22">MochiKit.Iter
-collapsing-iterators" id="id23" name="id23">Collapsing Iterators
-iterating-iterables" id="id24" name="id24">Iterating Iterable
-sane-iterable-iteration" id="id25" name="id25">Sane Iterable Iteration
-infinite-iterators" id="id26" name="id26">Infinite Iterators
-should-i-care-about-iter" id="id27" name="id27">Should I care about Iter?
+querystring-and-dom" id="id16" name="id16">queryString and DOM
+mangling-objects" id="id17" name="id17">Mangling Objects
+object-introspection" id="id18" name="id18">Object Introspection
+function-functions" id="id19" name="id19">Function F
+array-functions" id="id20" name="id20">Array F
+array-searching" id="id21" name="id21">Array Searching
+higher-order-array" id="id22" name="id22">Higher-order Array
+mochikit-iter" id="id23" name="id23">MochiKit.Iter
+collapsing-iterators" id="id24" name="id24">Collapsing Iterator
+iterating-iterables" id="id25" name="id25">Iterating Iterables
+sane-iterable-iteration" id="id26" name="id26">Sane Iterable Iteration
+infinite-iterators" id="id27" name="id27">Infinite Iterators
-<li><a class="reference" href="#mochikit-datetime" id="id28" name="id28">MochiKit.DateTime</a></li>
-<li><a class="reference" href="#iso-dates" id="id29" name="id29">ISO Dates</a></li>
-silly-american-dates" id="id30" name="id30">Silly 
+american-dates" id="id30" name="id30">
-<li><a class="reference" href="#time-and-timestamps" id="id31" name="id31">Time and Timestamps</a></li>
-<li><a class="reference" href="#mochikit-format" id="id32" name="id32">MochiKit.Format</a></li>
-simple-string-mangling" id="id33" name="id33">Simple String Mangling
+whitespace-assassins" id="id33" name="id33">Whitespace Assassins
-<li><a class="reference" href="#number-formatting" id="id34" name="id34">Number Formatting</a></li>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-</ul>
-</div>
@@ -451 +452 @@
-</div>
-<div class="slide" id="another-library">
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-</div>
-<div class="slide" id="mochikit-design-goals">
@@ -464 +466 @@
-<li>Documentation</li>
-<li>DOCUMENTATION</li>
-Test early test often
+Lots of tests
-<li>Stay out of the way (not a framework)</li>
-
-
-
+
-</ul>
-</div>
@@ -474 +474 @@
-<h1>Why MochiKit?</h1>
-<ul class="simple">
-
+
+
+
+
+
-<li>Safari 2.0, Firefox 1.0, IE 6, Opera 8.5 (and others)</li>
-<li>Abstracts async behavior</li>
-<li>MochiKit.DOM syntax makes DOM painless</li>
-<li>MochiKit.Signal works around LOTS of browser misfeatures</li>
-<li>Python-like (think &quot;standard library&quot;)</li>
-</ul>
-</div>
-<div class="slide" id="why-not-mochikit">
-n
+N
-<ul class="simple">
-<li>No support for IE 5.5</li>
-<li>No widgets</li>
-<li>No animation, transitions, etc.</li>
-but we're working on a Scriptaculous port (MochiKit 1.4)
+MochiKit 1.4
-</ul>
-</div>
@@ -500 +500 @@
-</div>
-<div class="slide" id="tostring-ambiguity">
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
-</ul>
-</div>
-<div class="slide" id="repr-tostring">
-<h1>repr &gt; toString</h1>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
-</ul>
-</div>
@@ -548 +528 @@
-<script type="text/javascript" src="ui/mochikit/examples/interpreter.js"></script>
-</div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
-</ul>
-</div>
-<div class="slide" id="json-serialization">
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-<ul class="simple">
-<li>Not a good idea to hack on built-in objects</li>
-<li>MochiKit doesn't always know what you want to do</li>
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
-<dl class="docutils">
-<dt>name:</dt>
-a unique identifier for your adapter (can be used to unregister)
+unique identifier for your adapter
-<dt>check:</dt>
-a 
+
-<dt>wrap:</dt>
-<dd>performs the operation</dd>
@@ -600 +564 @@
-</div>
-<div class="slide" id="dom-comparator-example">
-comparator e
+Comparator E
-<p>Register HTML-based comparator for DOM nodes:</p>
-<pre class="literal-block">
@@ -617 +581 @@
-<div class="slide" id="querystring">
-<h1>queryString</h1>
+<ul class="simple">
+<li>Easily build URL query strings</li>
+<li>queryString([&quot;foo&quot;, &quot;bar&quot;], [1, 2]) == &quot;foo=1&amp;bar=2&quot;</li>
+<li>queryString({foo: 1, bar: 2}) == &quot;foo=1&amp;bar=2&quot;</li>
+</ul>
+</div>
+<div class="slide" id="querystring-and-dom">
+<h1>queryString and DOM</h1>
-<ul>
-<li><p class="first">queryString([&quot;foo&quot;, &quot;bar&quot;], [1, 2]) == &quot;foo=1&amp;bar=2&quot;</p>
-</li>
-<li><p class="first">queryString({foo: 1, bar: 2}) == &quot;foo=1&amp;bar=2&quot;</p>
-</li>
-<li><p class="first">queryString(&quot;formNode&quot;) == &quot;foo=1&amp;bar=2&quot;, given:</p>
-<pre class="literal-block">
@@ -636 +604 @@
-<dl class="docutils">
-<dt>merge(obj[, ...]):</dt>
-
-
+
-<dt>update(obj[, ...]):</dt>
-version of 
+
-<dt>updatetree(obj[, ...]):</dt>
-version of 
+
-<dt>setdefault(obj[, ...]):</dt>
-Like update, but does NOT overwrite existing properties
+update, but no overwrite
-</dl>
-</div>
@@ -650 +617 @@
-<dl class="docutils">
-<dt>keys(obj):</dt>
-returns an 
+
-<dt>items(obj):</dt>
-returns an 
+
-</dl>
-</div>
-<div class="slide" id="function-functions">
-f
+F
-<dl class="docutils">
-<dt>bind(fn, self[, arg...]):</dt>
-new function, equivalent to 
+
-<dt>method(self, fn[, arg...]):</dt>
-<dd>convenience form for bind</dd>
-<dt>itemgetter(name):</dt>
-new function(obj), equivalent to 
-
-
-basic-
-Basic Array f
-.prototype is missing lots of useful functions (cross-platform anyway)
+
+
+
+
+Array F
+ missing lots of useful functionality
-<dl class="docutils">
-<dt>concat(lst[, ...]):</dt>
@@ -675 +642 @@
-<dd>extends a list in-place</dd>
-<dt>flattenArguments(args[, ...]):</dt>
-
-
-
-
-
-
+
+
+
+
+
-<dl class="docutils">
-<dt>findValue(lst, value, start=0, end=lst.length):</dt>
-<dd>finds index of value (using compare)</dd>
-<dt>findIdentical(lst, value, start=0, end=lst.length):</dt>
- for identity
+
-<dt>listMin(lst):</dt>
-<dd>finds least item in lst (using compare)</dd>
@@ -692 +658 @@
-</dl>
-</div>
--functions
- functions
+
+
-<dl class="docutils">
-<dt>filter(predicate, lst):</dt>
@@ -705 +671 @@
-<div class="slide" id="mochikit-iter">
-<h1>MochiKit.Iter</h1>
-very similar to
+like
-iteration protocol and itertools module.</p>
-<ul class="simple">
@@ -711 +677 @@
-<li>Anything with a <tt class="docutils literal"><span class="pre">next</span></tt> method is iterable, and the iteration stops when
-StopIteration is thrown.</li>
-
-
+
-</ul>
-</div>
@@ -719 +684 @@
-<dl class="docutils">
-<dt>exhaust(iterable):</dt>
-over <tt class="docutils literal"><span class="pre">iterable</span></tt> and throw away th
+and ignor
-<dt>list(iterable):</dt>
-Convert <tt class="docutils literal"><span class="pre">iterable</span></tt> to a 
+
-<dt>sorted(iterable, cmp=compare):</dt>
-Return a sorted Array from <tt class="docutils literal"><span class="pre">iterable</span></tt> using <tt class="docutils literal"><span class="pre">cmp</span></tt> as the comparator
+sorted Array using cmp
-<dt>sum(iterable, start=0):</dt>
-the sum of each item in <tt class="docutils literal"><span class="pre">iterable</span></tt> plus the <tt class="docutils literal"><span class="pre">start</span></tt>.
+start plus sum of items
-</dl>
-</div>
@@ -756 +721 @@
-<dl class="docutils">
-<dt>count(n=0):</dt>
-Iterates over a sequence of numbers (n, n + 1, n + 2, ...)
+n, n + 1, n + 2, ...
-<dt>cycle(iterable):</dt>
-
-
+
-<dt>repeat(item):</dt>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
-</div>
-<div class="slide" id="mochikit-datetime">
@@ -787 +739 @@
-<dl class="docutils">
-<dt>isoDate(str):</dt>
-Convert ISO 8601 date to a Date object
+Date object from ISO 8601 date string
-<dt>toISODate(date):</dt>
-Convert a Date object to an ISO 8601 date
-
-
-silly-
-Silly 
+Date object to ISO 8601 date string
+
+
+
+
-<dl class="docutils">
-<dt>americanDate(str):</dt>
-Convert an MM/DD/YYYY date
+MM/DD/YYYY
-<dt>toAmericanDate(date):</dt>
-Convert a Date object to a M/D/YYYY date (1/1/2001)
+Date object to M/D/YYYY
-<dt>toPaddedAmericanDate(date):</dt>
-Convert a Date object to a MM/DM/YYYY date (01/01/2001)
+Date object to MM/DM/YYYY
-</dl>
-</div>
@@ -807 +759 @@
-<dl class="docutils">
-<dt>isoTimestamp(str):</dt>
-
-
+
-<dt>toISOTime(date):</dt>
-Convert a Date object to a hh:mm:ss string
+Date object to hh:mm:ss
-<dt>toISOTimestamp(date, realISO=false):</dt>
-
-
+
-</dl>
-</div>
@@ -819 +769 @@
-<h1>MochiKit.Format</h1>
-<ul class="simple">
-doesn't really do string formatting
-Users like to see big numbers with thousands separators
-Number formatting b
-
-
-simple-string-mangling
-Simple String Mangling
+has no sprintf
+Thousands separators help readability
+B
+
+
+whitespace-assassins
+Whitespace Assassins
-<dl class="docutils">
-<dt>strip(str, chars=&quot;\s&quot;):</dt>
-
-
+
-<dt>lstrip(str, chars=&quot;\s&quot;):</dt>
-<dd>strip only leading whitespace</dd>
@@ -839 +788 @@
-<h1>Number Formatting</h1>
-<dl class="docutils">
-, placeholder=&quot;&quot;, locale=&quot;default&quot;
-Return a function that formats numbers using the given
-
-
-number-formatter-examples
-Number Formatter Examples
+
+new function that formats numbers to
+
+
+currency-formatter-example
+Currency Formatter Example
-<p>Currency:</p>
-<pre class="literal-block">
@@ -851 +800 @@
-&quot;$1,234,567.89&quot;
-</pre>
-
+
+
+
+
-<pre class="literal-block">
-&gt;&gt;&gt; percentFormat = numberFormatter(&quot;###,###%&quot;)
@@ -863 +815 @@
-<li>alert() sucks</li>
-<li>Debugging is hard enough</li>
-Not every browser has FireBug
-I've had no luck with Venkman
-Less luck with Microsoft's Script Debugger
+FireBug not portable
+Venkman hard to use
+Microsoft Script Debugger....
-</ul>
-</div>
-<div class="slide" id="simple-logging">
-l
+L
-<dl class="docutils">
-<dt>log(msg):</dt>
-<dd>Logs a message at the INFO level</dd>
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-</div>
-<div class="slide" id="bookmarklet-debugging">
-<h1>Bookmarklet Debugging</h1>
-Just bookmark this
+Pop-up MochiKit.LoggingPane
-<pre class="literal-block">
-javascript:MochiKit.Logging.logger.debuggingBookmarklet()
-</pre>
-<p>Currently, this is a pop-up MochiKit.LoggingPane.</p>
-</div>
-<div class="slide" id="mochikit-loggingpane">
-<h1>MochiKit.LoggingPane</h1>
-<ul class="simple">
-A usable 
+
-<li>Can be used in-line or as a pop-up window</li>
-<li>Could be fancier, but it gets the job done</li>
-</ul>
-</div>
@@ -921 +869 @@
-<h1>MochiKit.DOM</h1>
-<ul class="simple">
-DOM is painful, but it doesn't have to be
-Functions for finding, creating, modifying
-Most functions will take either a string or a DOM node reference, saving
-you the trouble of getElementById(s), $(s) or similar.
+W3C bindings are painful
+Easily find, create, mangle
+Don't need $(s), automatic</li>
+<li>Works on responseXML too!
-</ul>
-</div>
@@ -930 +878 @@
-<h1>createDOM</h1>
-<ul class="simple">
-Does a good job of turning a
-and numbers to text, flattens Arrays or iterators of anything
- with an adapter registry
+A
+to text, flattens iterators
+
-</ul>
-</div>
-<div class="slide" id="createdom-example">
-e
+E
-<p>createDOM(tagName, attributes, contents...)</p>
-<p>A simple list:</p>
@@ -944 +892 @@
-    createDOM(&quot;li&quot;, null, &quot;second&quot;));
-</pre>
-Equivalent to
+Renders as
-<pre class="literal-block">
-&lt;ul&gt;&lt;li&gt;first&lt;/li&gt;&lt;li&gt;second&lt;/li&gt;&lt;/ul&gt;
-</pre>
-</div>
-but-that-s-still
-But that's still ugly...
-We use aliases instead, for all of the
+less
+Less Ugly
+Use aliases instead, supports
-<pre class="literal-block">
-var node = UL(null,
@@ -957 +905 @@
-    LI(&quot;second&quot;));
-</pre>
-
-
-
-
-
-
+
+
+
+
-<pre class="literal-block">
-var items = [&quot;first&quot;, &quot;second&quot;];
@@ -968 +914 @@
-</pre>
-</div>
-what-about-
-What about attributes?
+
+Attributes
-<p>First parameter is either an object (attributes), or a string (text node):</p>
-<pre class="literal-block">
@@ -980 +926 @@
-</pre>
-</div>
--classes
- classes
-re MochiKit.Iter goodies,
+
+
+chiKit.Iter
-<pre class="literal-block">
-var classes = cycle(
@@ -1009 +955 @@
-</div>
-<div class="slide" id="scraping-text">
-t
+T
-<p>Scraping text is useful for progressive enhancement...</p>
-<p>HTML:</p>
@@ -1021 +967 @@
-</pre>
-</div>
-reading-
-Reading f
+
+F
-<p>HTML:</p>
-<pre class="literal-block">
@@ -1036 +982 @@
-</pre>
-</div>
--nodes
- nodes
+
+
-<dl class="docutils">
-<dt>appendChildNodes(parentNode, childNode...):</dt>
-to parentNode using the DOM coercion rules from
+via
-<dt>replaceChildNodes(parentNode, childNode...):</dt>
- children from parentNode, then appendChildNodes
+, then append
-<dt>swapDOM(dest, src):</dt>
-if src is null, then dest is removed
-
-
-manipulating-
-Manipulating DOM a
+or remove
+
+
+
+DOM A
-<dl class="docutils">
-<dt>setNodeAttribute(node, attr, value):</dt>
-Set the 
+
-<dt>updateNodeAttributes(node, attrs):</dt>
-based on the
+from
-</dl>
-</div>
@@ -1072 +1018 @@
-</ul>
-</div>
-reating-colors-from-components
-reating colors from components
+omponents-to-color
+omponents to Color
-<ul class="simple">
-<li>Color.fromRGB(r, g, b, alpha=1.0)</li>
-
-
-
-
-
-
-
+
+
+
+
+
+
-<dl class="docutils">
-<dt>Color.fromString(str):</dt>
-
-
+
-</dl>
-<p>Implementations in fromRGBString, fromHSLString, fromHexString, fromName.</p>
-</div>
-creating-colors-from-dom-elements
-Creating colors from DOM elements
+dom-to-color
+DOM to Color
-<ul class="simple">
-<li>Color.fromBackground(node)</li>
@@ -1098 +1042 @@
-</ul>
-</div>
-built-in-
-Built-in 
-NSColor
+
+
+Cocoa
-<ul class="simple">
-<li>Color.whiteColor()</li>
-
-
-
+
-</ul>
-</div>
@@ -1112 +1054 @@
-<ul class="simple">
-<li>color.blendedColor(otherColor, fraction)</li>
-
-
-
-
-
-
-
-
+
+
+
+
+
-<p>Objects:</p>
-<ul class="simple">
-
-
-
+
-</ul>
-<p>Strings:</p>
-<ul class="simple">
-
-
-
+
-</ul>
-</div>
@@ -1136 +1071 @@
-<h1>MochiKit.Async</h1>
-<ul class="simple">
-Yes, there is AJAX
-Generalized asynchronous m
-Handles 
+AJAX!
+M
+
-</ul>
-</div>
@@ -1144 +1079 @@
-<h1>WTF is a Deferred?</h1>
-<ul class="simple">
-
-
+
-<li>Can be chained</li>
-
-
-
+
+
-</ul>
-</div>
@@ -1156 +1089 @@
-<dl class="docutils">
-<dt>succeed(value):</dt>
-A successful deferred that will callback with
+successful Deferred from
-<dt>fail(error):</dt>
-A failed deferred that will errback with value
+failed Deferred from error
-<dt>maybeDeferred(func, arguments..):</dt>
-
-
+
-</dl>
-</div>
@@ -1168 +1100 @@
-<dl class="docutils">
-<dt>wait(seconds, value):</dt>
-Return a Deferred that calls back with value after seconds have passed
+Deferred that waits
-<dt>callLater(seconds, func, arguments...):</dt>
-Return a Deferred that will call func(arguments) after seconds have passed
+Deferred that waits, then calls
-</dl>
-</div>
@@ -1177 +1109 @@
-<dl class="docutils">
-<dt>doSimpleXMLHttpRequest(url[, queryArguments]):</dt>
-
-
+
-<dt>loadJSONDoc(url[, queryArguments]):</dt>
-
-
+
+
+
-</dl>
-</div>
@@ -1198 +1130 @@
-<div class="slide" id="result-chaining">
-<h1>Result Chaining</h1>
-The implementation of loadJSONDoc looks like this
+loadJSONDoc implementation
-<pre class="literal-block">
-var d = doSimpleXMLHttpRequest(url);
@@ -1204 +1136 @@
-return d;
-</pre>
-
-
+
-</div>
-<div class="slide" id="deferred-chaining">
@@ -1211 +1142 @@
-<p>Returning a Deferred from a callback will &quot;pause&quot; the callback chain:</p>