summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorbrandon flowers <brandonflowers@gmail.com>2013-05-04 13:48:18 -0400
committerbrandon flowers <brandonflowers@gmail.com>2013-05-04 13:48:18 -0400
commit6043b32cff1ceaceca5abc46b1110d3453d4d172 (patch)
tree8183932eeaed99226129e5ccf7812d55d9fbdc8f
parent5986b9a64d1ebc19c2347593edd2cd33d634bace (diff)
parent112fd81374d293b5002eecc711cf457764e0080d (diff)
downloadbackbonetutorials-6043b32cff1ceaceca5abc46b1110d3453d4d172.zip
backbonetutorials-6043b32cff1ceaceca5abc46b1110d3453d4d172.tar.gz
backbonetutorials-6043b32cff1ceaceca5abc46b1110d3453d4d172.tar.bz2
added yeoman
Diffstat
-rw-r--r--_layouts/default.html16
-rw-r--r--_posts/2011-10-10-organizing-backbone-using-modules.md2
-rw-r--r--examples/modular-backbone/js/router.js12
-rw-r--r--index.html45
-rw-r--r--videos/beginner/README.md4
-rw-r--r--videos/beginner/index.html8
6 files changed, 58 insertions, 29 deletions
diff --git a/_layouts/default.html b/_layouts/default.html
index 0157203..3be70e5 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -11,7 +11,7 @@
<!-- syntax highlighting CSS -->
<link rel="stylesheet" href="/css/syntax.css" type="text/css" />
-
+ <link rel="stylesheet" href="http://cdn.moot.it/1.1/moot.css"/>
<!-- Homepage CSS -->
<link rel="stylesheet" href="/css/bootstrap.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen, projection" />
@@ -33,6 +33,11 @@
})();
/* ]]> */
</script>
+ <!-- (1) Moot depends on jQuery v1.7 or greater -->
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
+
+ <!-- (1) Moot client application -->
+ <script src="http://cdn.moot.it/1.1/moot.min.js"></script>
</head>
<body>
@@ -88,14 +93,5 @@ Building a RESTful API?<br />
<script src="//static.getclicky.com/js" type="text/javascript"></script>
<script type="text/javascript">try{ clicky.init(66406579); }catch(e){}</script>
<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/66406579ns.gif" /></p></noscript>
-<script type="text/javascript">
-var fby = fby || [];
-fby.push(['showTab', {id: '4177', position: 'right', color: '#FF1F3A'}]);
-(function () {
- var f = document.createElement('script'); f.type = 'text/javascript'; f.async = true;
- f.src = '//cdn.feedbackify.com/f.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(f, s);
-})();
-</script>
</body>
</html>
diff --git a/_posts/2011-10-10-organizing-backbone-using-modules.md b/_posts/2011-10-10-organizing-backbone-using-modules.md
index 5b22597..4b829f9 100644
--- a/_posts/2011-10-10-organizing-backbone-using-modules.md
+++ b/_posts/2011-10-10-organizing-backbone-using-modules.md
@@ -354,7 +354,7 @@ define([
'backbone',
// Pull in the Collection module from above
'collections/projects',
- 'text!templates/projects/list
+ 'text!templates/projects/list.html'
], function($, _, Backbone, ProjectsCollection, projectsListTemplate){
var ProjectListView = Backbone.View.extend({
el: $("#container"),
diff --git a/examples/modular-backbone/js/router.js b/examples/modular-backbone/js/router.js
index 5621f2f..032d602 100644
--- a/examples/modular-backbone/js/router.js
+++ b/examples/modular-backbone/js/router.js
@@ -44,14 +44,14 @@ define([
// We have no matching route, lets display the home page
var homeView = new HomeView();
homeView.render();
-
- // unlike the above, we don't call render on this view
- // as it will handle the render call internally after it
- // loads data
- var footerView = new FooterView();
-
});
+ // Unlike the above, we don't call render on this view as it will handle
+ // the render call internally after it loads data. Further more we load it
+ // outside of an on-route function to have it loaded no matter which page is
+ // loaded initially.
+ var footerView = new FooterView();
+
Backbone.history.start();
};
return {
diff --git a/index.html b/index.html
index 4f022fa..071eeb9 100644
--- a/index.html
+++ b/index.html
@@ -35,9 +35,11 @@ title:
<h2>Backbone Boilerplate</h2>
<ul class="tutorials">
<li><a href="http://backboneboilerplate.com">Backbone Boilerplate - Using require.js with build system</a></li>
+ <li><a target="_blank" href="http://thomasdavis.github.com/2011/02/01/backbone-introduction.html">Backbone.js Tutorial – by noob for noobs</a></li>
</ul>
<h2>Demo apps!</h2>
<ul class="tutorials">
+<li><a href="http://www.clevertim.com">Clevertim CRM - A real life example of implementing a simple CRM with backbone.js (check the Quick Demo)</a></li>
<li><a href="http://www.earbits.com">Earbits.com - Music streaming website built with Backbone.js - Great for programmers who listen to music when coding</a></li>
<li><a href="http://kaleistyleguide.com/">Kalei - A living CSS styleguide - Built with Backbone.js using these principles</a></li>
<li><a href="http://apiengine.io">ApiEngine.io</a> (Beta) - Collaborativly build RESTful API's with automated testing and client mocking.</li>
@@ -45,11 +47,42 @@ title:
<li><a href="http://antoviaque.org/docs/tutorials/backbone-relational-tutorial/">Backbone-relational Tutorial</a> - Nested Models With Backbone.js</li>
</ul>
+<h2>Forum</h2>
-<h2>External Tutorials</h2>
-<ul class="tutorials">
- <li><a target="_blank" href="http://thomasdavis.github.com/2011/02/01/backbone-introduction.html">Backbone.js Tutorial – by noob for noobs</a></li>
- <li><a target="_blank" href="http://weblog.bocoup.com/organizing-your-backbone-js-application-with-modules">Organizing Your Backbone.js Application with Modules</a></li>
- <li><a target="_blank" href="http://developer.teradata.com/blog/jasonstrimpel/2011/11/backbone-js-and-socket-io">Backbone.js and socket.io</a></li>
-</ul>
+ <!-- (2) Placeholder for the forum. The forum will be rendered inside this element -->
+ <a class="moot" href="http://api.moot.it/backbonetutorials"></a>
+
+ <!--
+ (2) Example tag for commenting, put it on a different page
+ <a class="moot" href="http://api.moot.it/backbonetutorials/blog#my-blog-entry"></a>
+
+ (2) Example tag for threaded commenting
+ <a class="moot" href="http://api.moot.it/backbonetutorials/blog/my-large-blog-entry"></a>
+
+ Moot paths are awesome: http://moot.it/docs/?backbonetutorials#path
+ -->
+
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br />
+<br /> \ No newline at end of file
diff --git a/videos/beginner/README.md b/videos/beginner/README.md
index 30c6808..25cad91 100644
--- a/videos/beginner/README.md
+++ b/videos/beginner/README.md
@@ -29,7 +29,7 @@ Used for populating our user model
**PUT** /users/:id - _Updates the given user with the given payload and returns the newly updated user object_
-**DELETE** /users/:id - _Deletes the given used from the server_
+**DELETE** /users/:id - _Deletes the given user from the server_
## Extra Snippets
@@ -77,4 +77,4 @@ function htmlEncode(value){
function htmlDecode(value){
return $('<div/>').html(value).text();
}
-``` \ No newline at end of file
+```
diff --git a/videos/beginner/index.html b/videos/beginner/index.html
index f5e227b..cb6c380 100644
--- a/videos/beginner/index.html
+++ b/videos/beginner/index.html
@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<title>BackboneTutorials.com Beginner Video</title>
- <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/css/bootstrap.min.css">
+ <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/css/bootstrap.min.css">
</head>
<body>
@@ -15,9 +15,9 @@
</div>
- <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
- <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.2/underscore-min.js" type="text/javascript"></script>
- <script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js"></script>
+ <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
+ <script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.2/underscore-min.js" type="text/javascript"></script>
+ <script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js"></script>
<script type="text/template" id="user-list-template">
<a href="#/new" class="btn btn-primary">New</a>
generated by cgit v1.1 at 2025-05-10 23:11:49 +0000