<!DOCTYPE html>
<head>
<title>Chat Application - ReadME</title>
<style>
body {
font-family: sans-serif;
font-size: 120%;
}
</style>
</head>
<body>
<h1>Chat Application</h1>
<p>Your assignment today is to create a Chat client. The goal is, that by the end of this workshop we'll all be talking to each other in the same chatroom.</p>
<h2>Links</h2>
<ul>
<li><a href="https://developer.mozilla.org/en/JavaScript">MDN javascript documentation</a></li>
<li><a href="http://documentcloud.github.com/backbone/">Backbone.js documentation</a></li>
<li><a href="http://documentcloud.github.com/backbone/examples/todos/index.html">Backbone.js example application</a></li>
<li><a href="http://documentcloud.github.com/underscore/">Underscore.js documentation</a></li>
</ul>
<h2>Requirements</h2>
<ul>
<li>Firebug (if you're running Firefox)</li>
<li>Git + a Github account</li>
<li>A local webserver</li>
</ul>
<h2>Order of work</h2>
<p>You are completely free to do this in any order you prefer, but here's a suggestion:</p>
<ol>
<li>Basic stylesheet to make things look ok.</li>
<li>Create bootstrap code to initialize both collections and the connection class. Hardcode the nickname and email address for now.</li>
<li>Also make sure the 'welcome' section is hidden for now</li>
<li>Create a view for the "messages" section.</li>
<li>Create a view for the "inputArea" section.</li>
<li>Create a view for the "userList" section</li>
<li>Create a view for the "welcome" section</li>
<li>Create the application controller/view that's responsible for setting everything up.</li>
<li>If there's time left, make it cooler :)</li>
</ol>
<h2>Tips</h2>
<ul>
<li>If you want to connect to the server, you must load the client through a local webserver. It will not work if you run it through the file:// protocol, due to cross-site restrictions.</li>
<li>You're using Git, so commit as often as you can!</li>
<li>Have fun.. I suppose?</li>
</ul>
</body>