> For the complete documentation index, see [llms.txt](https://javascriptuse.gitbook.io/javascript/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://javascriptuse.gitbook.io/javascript/advanced/5.-learn-backbone.js-tutorial-from-scratch-for-beginners-part-5-underscore-templates-in-backbone.js.md).
# 3. Learn backbone.js tutorial from scratch for beginners(Part 5) Underscore Templates in Backbone.js
C:\Users\Administrator\Desktop\gulp\index.html
```
Backbone Example
```
C:\Users\Administrator\Desktop\gulp\app.js
```
jQuery(document).ready(function($) {
var theView = Backbone.View.extend({
el: "#div1",
template: _.template($("#ourTemplate").html()),
initialize: function() {
this.render();
},
render: function() {
this.$el.html(this.template());
return this;
}
});
var page = new theView();
});
```
Hoặc viết theo một cách logic hơn
C:\Users\Administrator\Desktop\gulp\app.js
```
jQuery(document).ready(function($) {
var theView = Backbone.View.extend({
el: "#div1",
template: $("#ourTemplate").html(),
initialize: function() {
this.render();
},
render: function() {
var template = _.template(this.template);
this.$el.html(template);
return this;
}
});
var page = new theView();
});
```