Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Tree: 288607f028
Fetching contributors…

Cannot retrieve contributors at this time

139 lines (99 sloc) 4.183 kB
<!doctype html>
<html lang="en">
<meta charset="utf-8">
<!-- disable iPhone inital scale -->
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<!-- main css -->
<link href="style.css" rel="stylesheet" type="text/css">
<!-- media queries css -->
<link href="media-queries.css" rel="stylesheet" type="text/css">
<!-- html5.js for IE less than 9 -->
<!--[if lt IE 9]>
<script src=""></script>
<!-- css3-mediaqueries.js for IE less than 9 -->
<!--[if lt IE 9]>
<script src=""></script>
<div id="pagewrap">
<header id="header">
<h1 id="site-logo"><a href="#">TodoMVC</a></h1>
<ul id="main-nav" class="clearfix">
<li><a href="">Home</a></li>
<li><a href="">Source</a></li>
<li><a href="">Download</a> </li>
<li><a href="">About</a></li>
<!-- /#main-nav -->
<!-- /#header -->
<div id="content">
<article class="post clearfix">
<h1 class="post-title"><a href="#">Why Use TodoMVC?</a></h1>
<p>Now more-so than ever, developers are interested in learning how to effectively apply the MVC architecture pattern to their JavaScript projects. The problem most devs experience when starting this process for the first time is trying to figure out which client-side MVC tool they should be using - <a href="">JavaScriptMVC<a>? <a href="">Backbone</a>? <a href="">Spine</a>? <a href="">Sammy</a>?. The list of solutions goes on. </p>
<p>In addition to good documentation, libraries should ideally also be accompanied with a good set of <strong>examples</strong>. Some of them do a great job of this whilst others could use a little work. </p>
<p>TodoMVC is a stupidly simple idea - the same Todo application, built in each of the major JS MVC libraries so that you can easily find out how to:<ul>
<li>Solve a common goal</li>
<li>Learn how solutions approach achieving a goal differently</li>
<li>Easily learn how to use the library in the process</li>
<p>Where a project already offers a Todo example, what TodoMVC does is ensure that there's consistency across cross-browser compatibility, features, UI and setup information.</p>
<!-- /.paragraph -->
<h1 class="post-title"><a href="#">Get Started With TodoMVC</a></h1>
Getting started with TodoMVC is quite straight-forward. We'll be making one-click packages available soon, but for now you can get TodoMVC 0.01 with examples for JavaScriptMVC, Backbone and Spine using the following.
<pre class="brush: js">
git clone --recursive git://
<!-- /.paragraph -->
<!-- /.post -->
<!-- /#content -->
<aside id="sidebar">
<section class="widget">
<h4 class="widgettitle">Download</h4>
<li><a href="#">Stable (tba)</a</li>
<li><a href="#">Development (tba)</a></li> </ul>
<!-- /.widget -->
<section class="widget clearfix">
<h4 class="widgettitle">Screenshots</h4>
<img src="images/screenshot.jpg"/>
<!-- /.widget -->
<!-- /#sidebar -->
<footer id="footer">
<p>A rough idea by <a href="">Addy Osmani</a></p>
<!-- /#footer -->
<!-- /#pagewrap -->
<link href="" rel="stylesheet" type="text/css" />
<script src="" type="text/javascript"></script>
<script src="" type="text/javascript"></script>
<script src="" type="text/javascript"></script>
<script type="text/javascript">
Jump to Line
Something went wrong with that request. Please try again.