Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

224 lines (215 sloc) 10.845 kB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>JavaScriptMVC</title>
<link rel="stylesheet" type='text/css' href='jmvc/site/production.css' />
<link rel="shortcut icon" href="documentjs/jmvcdoc/images/favicon.ico" />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2302003-4'],
['_trackPageview'],
['_trackPageLoadTime']);
(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>
<div id='container'>
<div id='header'>
<a href="index.html" id="logo"><img alt="JavascriptMVC" src="jmvc/images/logo.png" title="JavascriptMVC"/></a>
<div id='download-box'>
<a href="https://github.com/downloads/jupiterjs/javascriptmvc/javascriptmvc-3.2.2.zip">Download v3.2.2</a>
<a href="builder.html" id="download-builder">or go to the download builder</a>
</div>
</div>
<div id='navigation'>
<ul>
<li><a class="active" href="index.html">Home</a></li>
<li><a href="docs.html">Documentation</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="follow.html">Follow &amp; Community</a></li>
<li><a href="contribute.html">Contribute</a></li>
<li><a href="code.html">Code</a></li>
</ul>
</div>
<div id='content-wrapper'>
<div id='content'>
<h2>What's Inside?</h2>
<p>Everything you should be doing, as easy as possible:</p>
<table class="inside">
<tbody>
<tr class="odd">
<td>
<a href="docs.html#!steal.generate">Code Generators</a>
</td>
<td>
<pre><code class="javascript">.<span class="regexp">/js jquery/g</span>enerate/app myapp</code></pre>
</td>
</tr>
<tr>
<td>
<a href="docs.html#!stealjs">Dependency Management</a>
</td>
<td>
<pre><code class="javascript">steal(<span class="string">'jquery/controller'</span>).then(<span class="function"><span class="keyword">function</span><span class="params">($)</span>{</span> ... });</code></pre>
</td>
</tr>
<tr class="odd">
<td>
<a href="docs.html#!steal.build">Production Builds</a>
</td>
<td>
<pre><code class="javascript">js myapp/scripts/build.js</code></pre>
</td>
</tr>
<tr>
<td>
<a href="docs.html#!FuncUnit">Testing</a>
</td>
<td>
<pre><code class="javascript">S.open(<span class="string">"//myapp/myapp.html"</span>);<br />S(<span class="string">"#search"</span>).click().type(<span class="string">"Hello World"</span>);</code></pre>
</td>
</tr>
<tr class="odd">
<td>
<a href="docs.html#!jQuery.View">Client Side Templates</a>
</td>
<td>
<pre><code class="javascript">$(<span class="string">"#menu"</span>).html(<span class="string">"menu.tmpl"</span>,items);</code></pre>
</td>
</tr>
<tr>
<td>
<a href="docs.html#!jQuery.Controller">jQuery Widget Factory</a>
</td>
<td>
<pre><code class="javascript">$.Controller(<span class="string">"Tabs"</span>,{ <span class="string">"li click"</span> : <span class="function"><span class="keyword">function</span><span class="params">(el, ev)</span>{</span> ... } });</code></pre>
</td>
</tr>
<tr class="odd">
<td>
<a href="docs.html#!jQuery.Model">Service/Data Modeling</a>
</td>
<td>
<pre><code class="javascript">$.Model(<span class="string">"Todo"</span>,{ findAll : <span class="string">"/recipes"</span> }, {});<br />Todo.findAll(<span class="function"><span class="keyword">function</span><span class="params">(todos)</span>{</span> ... });</code></pre>
</td>
</tr>
<tr>
<td>
<a href="docs.html#!DocumentJS">Documentation</a>
</td>
<td>
<pre><code class="javascript">js myapp/scripts/docs.js</code></pre>
</td>
</tr>
<tr class="odd">
<td>
<a href="docs.html#!steal.clean">Code Cleaning and Linting</a>
</td>
<td>
<pre><code class="javascript">js myapp/scripts/clean.js</code></pre>
</td>
</tr>
<tr>
<td>
<a href="docs.html#!specialevents">jQuery Special Events</a>
</td>
<td>
<pre><code class="javascript">$(<span class="string">"#items"</span>).delegate(<span class="string">".item"</span>,<span class="string">"draginit"</span>,<span class="function"><span class="keyword">function</span><span class="params">()</span>{</span>});</code></pre>
</td>
</tr>
<tr class="odd">
<td>
<a href="docs.html#!dom">jQuery Utilities</a>
</td>
<td>
<pre><code class="javascript">$(<span class="string">"#panel"</span>).outerWidth(<span class="number">500</span>);</code></pre>
</td>
</tr>
</tbody>
</table>
<p>You can use JavaScriptMVC as a complete framework, or <a href="builder.html">download</a> only the parts you need. Read <a href="http://jupiterjs.com/news/javascriptmvc-features">JavaScriptMVC's features</a> for more info.</p></p>
<h2>The Plan.</h2>
<ul class="the-plan">
<li><a href="builder.html">Download</a> JavaScriptMVC</li>
<li><a href="docs.html#!getstarted">Read</a> the Getting Started Guide</li>
<li><a href="docs.html#!tutorials">Read</a> the tutorials</li>
<li><a href="docs.html#!examples">Browse</a> the examples</li>
</ul>
<h2>What People are Saying</h2>
<blockquote>
<p>"JavaScriptMVC is the <span class="highlight">single most important reason</span> why I don't hate
client side development anymore."</p>
</blockquote>
<p><cite> Mihael Konjevic, HibreedCMS </cite></p>
<blockquote>
<p>"JavaScriptMVC strikes the
<span class="highlight">perfect balance between structure, speed
and featureset</span> to enable web developers to build large, scalable apps
in a modular fashion."</p>
</blockquote>
<p><cite> Rob Loh, Lyris, Inc. </cite></p>
<blockquote>
<p>"JavaScriptMVC is an
<span class="highlight">elegant solution that has proven indispensable</span> in building
our most sophisticated applications."</p>
</blockquote>
<p><cite>Chris Osborn, Sitelier Inc.</cite></p>
<blockquote>
<p>"Since standardizing on JavaScriptMVC, we've been able to start sharing
well-tested code between projects,
<span class="highlight">quickly bring new developers up to speed</span>
and take the complexity out of the packaging, minification, and deployment
process."</p>
</blockquote>
<p><cite> Thomas Reynolds, Second Story</cite></p>
<blockquote>
<p>"Structured Event Delegation? Development, Test, and Production
environments? It even has a build step in its deployment process?
<span class="highlight">Are you sure this is a JavaScript application?</span>"</p>
</blockquote>
<p><cite> Donnie Hall, eNova Financial</cite></p>
</div>
<div id='sidebar'>
<p class='greenbox' id='what-is-javascriptmvc'><strong>JavaScriptMVC</strong> is an open-source framework containing the best ideas in jQuery development. <br /><br />It guides you to successfully completed projects by promoting best practices, maintainability, and convention over configuration.</p>
<div id='twitter-feed-wrapper'>
<div id='twitter-feed'></div>
<a href="http://www.twitter.com/javascriptmvc" title="Follow @javascriptmvc"><img alt="Follow twitter" src="jmvc/images/follow_twitter.png"/></a>
</div>
</div>
<div class='clear'></div>
</div>
<div class='greenbox' id='footer'>
<div id='who-javascriptmvc'>
<h4>What is JavaScriptMVC?</h4>
<p>A collection of the best practices and tools for building JavaScript applications.
Built on top of jQuery, it consists of the following standalone components:</p>
<ul>
<li><a href='docs.html#!stealjs'>StealJS</a> - Dependency management and a stupidly easy build tool.</li>
<li><a href='docs.html#!FuncUnit'>FuncUnit</a> - There's no better functional testing solution available. Write tests in jQuery syntax, run them via command line or browser.</li>
<li><a href='https://github.com/jupiterjs/jquerymx'>jQueryMX</a> - These plugins are the building blocks of large jQuery applications: model, view, controller, class, fixtures, and more.</li>
<li><a href='docs.html#!DocumentJS'>DocumentJS</a> - A JSDoc compliant tool that turns comments into a searchable documentation app.</li>
</ul>
<h4>Why JavaScriptMVC?</h4>
<p>It is the product of years of experience in the trenches developing medium to large JavaScript applications.
It will help you build a quality application.</p>
<h4>Who Uses JavaScriptMVC?</h4>
<p>Our users are software craftsmen who care about doing JavaScript development the right way. They care about things like test driven development, performance, code quality, structure and maintainability.</p>
<p>JavaScriptMVC makes it simple to do all these things and more.</p>
</div>
<div id='forum-feed'>
<h4><a href='http://forum.javascriptmvc.com'>Fresh on Forums</a></h4>
<ul></ul>
</div>
<div class='clear'></div>
</div>
</div>
<div id='bottom-bar'>
<a href="http://jupiterjs.com">&copy; Jupiter Consulting - JavaScriptMVC Training and Support</a>
</div>
<script type='text/javascript' src='steal/steal.production.js?jmvc/site'></script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.