Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Octocat-spinner-32-eaf2f5

Cannot retrieve contributors at this time

file 144 lines (88 sloc) 5.309 kb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144
<!doctype html> <html lang="en">
<head>
<meta charset="utf-8">
<!-- disable iPhone inital scale --> <meta name="viewport" content="width=device-width;
initial-scale=1.0">

<title>TodoMVC</title>

<!-- main css --> <link href="res/style.css" rel="stylesheet" type="text/css"> <!-- fontface css -->
<link href="res/fonts.css" rel="stylesheet" type="text/css">

<!-- media queries css --> <link href="res/media-queries.css" rel="stylesheet" type="text/css">

<!-- html5.js for IE less than 9 --> <!--[if lt IE 9]> <script
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->

<!-- css3-mediaqueries.js for IE less than 9 --> <!--[if lt IE 9]> <script
src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->


</head>

<body>

<div id="pagewrap">


<a href="http://github.com/addyosmani/todomvc"><img style="position: absolute; top: 0; right: 0;
border: 0;" src="https://d3nwyuy0nl342s.cloudfront.net/img/e6bef7a091f5f3138b8cd40bc3e114258dd68ddf/
687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768
745f7265645f6161303030302e706e67" alt="Fork me on GitHub"></a>


<header id="header">

<hgroup> <h1 id="site-logo"></h1> </hgroup>

<nav> <ul id="main-nav" class="clearfix"> <li><a href="http://addyosmani.github.com/todomvc">Home</a></li> <li><a
href="#gettingstarted">Getting Started</a> </li> </ul> <!--
/#main-nav --> </nav>


</header> <!-- /#header -->

<div id="content">

<article class="post clearfix">



<!-- /.paragraph -->

<p>&nbsp;</p>



<!--startpara--> <header> <h1 class="post-title"><a name="gettingstarted">Thanks for downloading! Let's get started</a></h1> </header>

<!--startpara--> <h2 class="site-headline"> TodoMVC is a <strong>common</strong> set of JavaScript
<strong>examples</strong> for MVC frameworks like SproutCore, JavaScriptMVC, Backbone, YUILibrary, Spine, Sammy, AngularJS and others.</h2>

<h2>Live examples</h2>

<p>To preview a Todo implementation for a particular framework, simply select it from the menu
to the right of the screen. </p>

<p>Depending on the browser you're using, you may need to access the examples over a network/localhost to avoid incurring security exceptions with localStorage.</p>

<h2>Source code</h2>

<p>The directory structure for this download is quite easy to navigate around. 'todo-example' is the main implementation folder
and this contains sub-directories for each of the frameworks an implementation is available for. </p>

<p>To keep TodoMVC as self-contained as possible, all of the dependencies you need are included in this download, so you can easily
go in and start making changes to examples right away.</p>

<p>I would however recommend reading any readme files provided as these may include important information regarding build processes required should you make any
changes to code. At present, JavaScriptMVC is the only framework included which requires this.</p>

<!-- /.paragraph -->



</article> <!-- /.post -->

</div> <!-- /#content -->


<aside id="sidebar">


<section class="widget clearfix"> <h4 class="widgettitle">Select framework:</h4> <ul>
<li><a href="todo-example/sproutcore/index.html">SproutCore 2.0</a></li>
<li><a href="todo-example/javascriptmvc/todo/todo/index.html">JavaScriptMVC</a></li>
<li><a href="todo-example/spine/index.html">Spine.js</a></li>
<li><a href="todo-example/backbone/index.html">Backbone.js</a></li>
<li><a href="todo-example/sammyjs/index.html">Sammy.js</a></li>
<li><a href="todo-example/knockoutjs/index.html">KnockoutJS (MVVM)</a></li>
<li><a href="todo-example/yuilibrary/index.html">YUILibrary</a></li>
<li><a href="todo-example/angularjs/index.html">AngularJS</a></li>
</ul> </section> <!-- /.widget -->

<section class="widget"> <h4 class="widgettitle">GitHub</h4> <ul> <li><a
href="https://github.com/addyosmani/todomvc/">View repository</a></li> </ul>
</section> <!-- /.widget -->


<section class="widget clearfix">
<h4 class="widgettitle">Contributors include:</h4>
<ul> <li><a
href="http://twitter.com/addyosmani">Addy Osmani</a></li> <li><a
href="http://twitter.com/justinbmeyer">Justin Meyer</a></li> <li><a
href="http://twitter.com/jeromegn">Jérôme Gravel-Niquet</a></li> <li><a
href="http://alexmaccaw.co.uk">Alex MacCaw</a></li>
<li><a href="">Ashish Sharma</a></li>
<li><a href="http://sproutcore.com">Tom Dale, Yehuda Katz</a></li>
<li><a href="http://cburgdorf.wordpress.com/">Christoph Burgdorf</a></li>
<li><a href="http://developer.yahoo.com">The YUI team</a></li>

</ul>
</section> <!-- /.widget -->



</aside> <!-- /#sidebar -->

<footer id="footer">

<p>Copyright respective contributors, TodoMVC & Addy Osmani, 2011.</p>

</footer> <!-- /#footer -->

</div> <!-- /#pagewrap -->

<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeMidnight.css" rel="stylesheet"
type="text/css" /> <script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js"
type="text/javascript"></script> <script
src="http://alexgorbatchev.com/pub/sh/current/scripts/shAutoloader.js"
type="text/javascript"></script> <script
src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js"
type="text/javascript"></script> <script type="text/javascript"> SyntaxHighlighter.all() </script>

</body> </html>
Something went wrong with that request. Please try again.