forked from donejs/donejs
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
220 lines (214 loc) · 10.5 KB
/
index.html
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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<!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" />
</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.0.5.zip">Download v3.0.5</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 & 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/steal.generate.html">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/steal.html">Dependency Management</a>
</td>
<td>
<pre><code class="javascript">steal.plugins(<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/steal.build.html">Production Builds</a>
</td>
<td>
<pre><code class="javascript">js myapp/scripts/build.js</code></pre>
</td>
</tr>
<tr>
<td>
<a href="docs/FuncUnit.html">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/jQuery.View.html">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/jQuery.Controller.html">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/jQuery.Model.html">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/DocumentJS.html">Documentation</a>
</td>
<td>
<pre><code class="javascript">js myapp/scripts/docs.js</code></pre>
</td>
</tr>
<tr class="odd">
<td>
<a href="docs/steal.clean.html">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/specialevents.html">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/dom.html">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>
<li><a href="builder.html">Download</a> JavaScriptMVC</li>
<li><a href="docs/getstarted.html">Read</a> the Getting Started Guide</li>
<li><a href="docs/learn.html">Learn</a> the technology</li>
<li><a href="docs/api.html">Explore</a> the api</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 strike 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/stealjs.html'>StealJS</a> - Dependency management and a stupidly easy build tool.</li>
<li><a href='docs/FuncUnit.html'>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/DocumentJS.html'>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://jupiterit.com">© Jupiter IT - JavaScriptMVC Training and Support</a>
</div>
<script type='text/javascript' src='steal/steal.production.js?jmvc/site'></script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try{
var pageTracker = _gat._getTracker("UA-2302003-4");
pageTracker._trackPageview();
} catch(err) {}
</script>
</body>
</html>