<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>HCoder.org &#187; application</title>
	<atom:link href="http://hcoder.org/tag/application/feed/" rel="self" type="application/rss+xml" />
	<link>http://hcoder.org</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Sun, 15 Apr 2012 21:43:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Playing around with jQuery</title>
		<link>http://hcoder.org/2008/12/14/playing-around-with-jquery/</link>
		<comments>http://hcoder.org/2008/12/14/playing-around-with-jquery/#comments</comments>
		<pubDate>Sun, 14 Dec 2008 11:27:00 +0000</pubDate>
		<dc:creator>emanchado</dc:creator>
				<category><![CDATA[Computers]]></category>
		<category><![CDATA[Ruby]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[datamapper]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[merb]]></category>
		<category><![CDATA[pet]]></category>
		<category><![CDATA[project]]></category>
		<category><![CDATA[todo]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[A couple of weeks ago I started a new pet project. Namely, making the ultimate todo list application. The idea was to: Make a TODO application that I actually like (I&#8217;ll post about it some other day). Learn Merb and DataMapper&#8230; and jQuery. The experience have been roughly half frustrating, half rewarding. It&#8217;s fun learning [...]]]></description>
			<content:encoded><![CDATA[<p>A couple of weeks ago I started a new pet project. Namely, making the ultimate todo list application. The idea was to:</p>
<ul>
<li>Make a <span class="caps">TODO</span> application that I actually like (I&#8217;ll post about it some other day).</li>
<li>Learn <a href="http://merbivore.com/">Merb</a> and <a href="http://datamapper.org/">DataMapper</a>&#8230; and <a href="http://jquery.com/">jQuery</a>.</li>
</ul>
<p>The experience have been roughly half frustrating, half rewarding. It&#8217;s fun learning new things, but the documentation for both Merb and DataMapper sucks big time so sometimes I spend much more time than I would like figuring out how to make things work. Don&#8217;t get me wrong, the <strong>reference</strong> documentation looks very complete&#8230; but there&#8217;s no single source of consistent documentation to <strong>learn</strong> how things are done. And that&#8217;s painful. Moreover, apparenly the <span class="caps">API</span> has changed several times (at least before 1.0.0, but it hasn&#8217;t been that long since), so a lot of recipes or solutions you find on the internet are simply not valid anymore, which just adds up to the confusion and frustration.</p>
<p>Anyway. The client-side piece of the puzzle, jQuery, has proven to be a very handy, clean, easy-to-use-even-for-non-Javascript-wizards, natural way of writing Javascript. I admit I&#8217;m a kind of Javascript-phobe, as I don&#8217;t really know more than the basics and never has had the need or inclination to actually learn the language (yeah, my bad, but whatever). And yet, I really like jQuery, so there has to be something there. My favourite feature is the <a href="http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery#Find_me:_Using_selectors_and_events">selectors</a>: they&#8217;re a very clean way to access elements in a page, and add event handlers or otherwise manipulate them. Also the <a href="http://docs.jquery.com/Tutorials:Getting_Started_with_jQuery#Rate_me:_Using_Ajax">jQuery Ajax features</a> feel really natural and comfortable to use.</p>
<p>The only problem I have had was using the <a href="http://docs.jquery.com/UI/Autocomplete">autocomplete</a> jQuery UI feature. I read the documentation, downloaded the appropriate bits from the jQuery website, included everything in my application, but it just wouldn&#8217;t work. After a lot of trial and error (and more frustration), I finally could make it work&#8230; using the Javascript files from the <a href="http://dev.jquery.com/view/trunk/plugins/autocomplete/demo/">demo page</a> (<a href="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.js">js</a>, <a href="http://dev.jquery.com/view/trunk/plugins/autocomplete/jquery.autocomplete.css">css</a>) instead of the latest version from the jQuery download page. I think the problem is that the <span class="caps">API</span> has changed (the <span class="caps">API</span> apparently documents the older version that they use in the demo page), but I couldn&#8217;t figure it out reading the source code, so I just used the older, known-to-work version.</p>
 <p><a href="http://hcoder.org/?flattrss_redirect&amp;id=52&amp;md5=e4a781bc03fbe4e7c7669356fa18dab8" title="Flattr" target="_blank"><img src="http://hcoder.org/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://hcoder.org/2008/12/14/playing-around-with-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="https://flattr.com/submit/auto?user_id=30124&amp;popout=1&amp;url=http%3A%2F%2Fhcoder.org%2F2008%2F12%2F14%2Fplaying-around-with-jquery%2F&amp;language=en_GB&amp;category=text&amp;title=Playing+around+with+jQuery&amp;description=A+couple+of+weeks+ago+I+started+a+new+pet+project.+Namely%2C+making+the+ultimate+todo+list+application.+The+idea+was+to%3A+Make+a+TODO+application+that+I+actually+like...&amp;tags=application%2Cdatamapper%2Cjquery%2Cmerb%2Cpet%2Cproject%2Ctodo%2Cblog" type="text/html" />
	</item>
	</channel>
</rss>

