Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Chat application skeleton
JavaScript
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
js
index.html
readme.html
style.css

readme.html

<!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>
Something went wrong with that request. Please try again.