Book Image

Backbone.js Blueprints

By : Andrew Burgess
Book Image

Backbone.js Blueprints

By: Andrew Burgess

Overview of this book

<p>Backbone.js is an open source, JavaScript library that helps you to build sophisticated and structured web apps. It's important to have well-organized frontend code for easy maintenance and extendability. With the Backbone framework, you'll be able to build applications that are a breeze to manage.<br /><br />In this book, you will discover how to build seven complete web applications from scratch. You'll learn how to use all the components of the Backbone framework individually, and how to use them together to create fully featured applications. In addition, you'll also learn how Backbone thinks so you can leverage it to write the most efficient frontend JavaScript code.<br /><br />Through this book, you will learn to write good server-side JavaScript to support your frontend applications. This easy-to-follow guide is packed with projects, code, and solid explanations that will give you the confidence to write your own web applications from scratch.</p>
Table of Contents (14 chapters)
Backbone.js Blueprints
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Setting up precompiled templates


Let's start by talking about the templates we use for our view classes. In the previous chapter, we've put our template source text right in the index.ejs file, inside script tags. This time we're going to do something different. We're going to precompile our templates. Think about the timeline of a template; it starts as text in a script tag. We've been getting that text and passing it to the _.template function that compiles the text into a template function, which it returns to us. Then, we pass our data to that function and get the HTML with our data interpolated back. All this must be done before we can display anything for the user.

What we want to do is cut a few steps out of this process. We want to send the template function to the browser, instead of sending the template text and having the browser compile it. To do this, we need to compile the templates as part of our development process.

The easiest way to do this is to use Grunt, a handy build...