index.html

<html>
<head>
<title>Ur/Web Tutorial</title>
<style>
.code {
	background: #d0d0d0;
}
</style>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-10255629-6']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>
<body>
<img src="urheader.png" alt="Ur/Web Tutorial"/></br>
<hr width="99%"/>
<h1>Ur/Web Tutorial</h1>
<h2>Gian Perrone - April 2011</h2>
<p><em>Updated: 4 Jan 2013 - The way Ur/Web handled event handlers changed, and so some of the code samples in this tutorial were no longer correct.  This has been remedied.  Also, the way Github served static files changed sufficiently to break the CSS includes used in previous versions.  I have replaced these links with versions on this server that you can hotlink to run your examples.  You will need to use the latest version of Ur/Web.  Please let me know if you experience any difficulties.</em></p>
<p>
This is an introductory tutorial designed to get you started constructing applications in <a href="http://www.impredicative.com/ur">Ur/Web</a>, a modern, functional language for constructing web applications.  This tutorial takes the form of an example application, and a guide explaining the steps of construction.
</p>
<h2>The Application</h2>
<p>We're going to construct a very simple blog system.  It doesn't aim to be particularly functional; rather, we aim only to construct something that will demonstrate enough of the features (and ultimate value) of Ur/Web.  This system is known as 'UrBlog'.

<h2>Installing Ur/Web</h2>
<p>You're going to require a working installation of Ur/Web before you can actually run the examples.  This is basically a matter of downloading Ur/Web, building, and then installing.  There can be some subtleties in the build process, however.  The actual installation process is outside the scope of this tutorial, so if you don't have a working installation already, you should read the <a href="http://www.impredicative.com/ur/">Ur/Web site</a>, particularly the <em>Reference Manual</em>, which should probably be your first port of call when any confusion arises.
</p>

<h2>Prerequisites</h2>
<p>If you've never touched a functional programming language, particularly a strongly typed language such as ML or Haskell, you're probably not going to be able to follow this tutorial.  I would recommend learning something about one (or both) of those languages first, and then returning to Ur/Web.</p>

<h2>Tutorial Source Code</h2>

<p>All of the tutorial source code is available from GitHub:</p>

<p><a href="https://github.com/gian/urtutorial">https://github.com/gian/urtutorial</a></p>
<p>If you would like to just download a tar.gz with everything in it, you can use this link:</p>

<p><a href="https://github.com/gian/urtutorial/tarball/master">https://github.com/gian/urtutorial/tarball/master</a></p>

<h2>Contents</h2>

<ul>
<li><a href="step1.html">Step 1 - Basic Application</a></li>
<li><a href="step2.html">Step 2 - Databases</a></li>
<li><a href="step3.html">Step 3 - Styling your application</a></li>
<li><a href="step4.html">Step 4 - Links and structure</a></li>
<li><a href="step5.html">Step 5 - Dynamic behaviour</a></li>
<li><a href="step6.html">Step 6 - Reusing components</a></li>
<li><a href="step7.html">Step 7 - Cookies and authentication</a></li>
<li><a href="step8.html">Step 8 - Deploying Ur/Web applications</a></li>
</ul>

</body>
</html>