Book Image

Backbone.js Essentials

By : Jeremy Walker
Book Image

Backbone.js Essentials

By: Jeremy Walker

Overview of this book

<p>This book offers insight into creating and maintaining dynamic Backbone.js web applications. It delves into the the fundamentals of Backbone.js and helps you achieve mastery of the Backbone library.</p> <p>Starting with Models and Collections, you'll learn how to simplify client-side data management and easily transmit data to and from your server. Next, you'll learn to use Views and Routers to facilitate DOM manipulation and URL control so that your visitors can navigate your entire site without ever leaving the first HTML page. Finally, you'll learn how to combine those building blocks with other tools to achieve high-performance, testable, and maintainable web applications.</p>

Related Content you might be interested in

Current Title:

Small book image
Backbone.js Essentials
Jeremy Walker
May, 2015 | 180 pages
No titles found
Table of Contents (20 chapters)
Backbone.js Essentials
Backbone.js Essentials
Credits
Credits
About the Author
About the Author
Acknowledgments
Acknowledgments
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Building a Single-Page Site Using Backbone
Building a Single-Page Site Using Backbone
What is Backbone?
Why choose Backbone?
A Brief History of Web Development
Benefits of Backbone and single-page applications
Backbone and Its Competitors
Summary
2
Object-Oriented JavaScript with Backbone Classes
Object-Oriented JavaScript with Backbone Classes
JavaScript's class system
The new keyword
Prototypal inheritance
Extending Backbone classes
Applying parent methods
Introducing Underscore
More Underscore
Summary
3
Accessing Server Data with Models
Accessing Server Data with Models
The purpose of Models
Attributes, options, and properties
Getters and setters
Listening for events
Available events
Server-side actions
Return of Underscore
Summary
4
Organizing Models with Collections
Organizing Models with Collections
Working with Collections
Collections and Models
Adding to and resetting Collections
Indexing
Sorting
Events
Server-side actions
Underscore methods
Previously mentioned methods
Testing methods
Extraction methods
Ordering methods
Summary
5
Adding and Modifying Elements with Views
Adding and Modifying Elements with Views
Views are the core of Backbone-powered sites
Handling events
Rendering strategies
Summary
6
Creating Client-side Pages with Routers
Creating Client-side Pages with Routers
Backbone routers enable single-page applications
How Routers work
Backbone.history
Differences between routes and pages
Creating a new Router
Creating routes
Route styles
A note about routing conflicts
Trailing slashes
Redirects
404s and other errors
Routing events
Multiple routers
Page views
Summary
7
Fitting Square Pegs in Round Holes – Advanced Backbone Techniques
Fitting Square Pegs in Round Holes – Advanced Backbone Techniques
Taking it up a notch
Methods in place of properties
Overriding a class constructor
Class mixins
Publish/subscribe
Wrapping widgets of other libraries
Summary
8
Scaling Up – Ensuring Performance in Complex Applications
Scaling Up – Ensuring Performance in Complex Applications
Backbone and performance
Causes of performance issues
CPU-related performance issues
Event delegation
Bandwidth-related performance issues
Memory-related performance issues
Summary
9
What Was I Thinking? Documenting Backbone Code
What Was I Thinking? Documenting Backbone Code
Backbone and documentation
Documentation approaches
The non-documentation approach
The simple documentation approach
The robust documentation approach
Summary
10
Keeping the Bugs Out – How to Test a Backbone Application
Keeping the Bugs Out – How to Test a Backbone Application
Testing in JavaScript?
Which library to use
Getting started with Mocha
Introducing mocks
Selenium
Summary
11
(Not) Re-Inventing the Wheel – Utilizing Third-Party Libraries
(Not) Re-Inventing the Wheel – Utilizing Third-Party Libraries
The Backbone ecosystem
Dependency management with RequireJS
External dependency management with Bower
Paginating with Backbone Paginator
Rendering tables with Backgrid.js
Templating with Handlebars
Automating tasks with Grunt
New syntax with CoffeeScript
Making life easier with BackSupport
Summary
12
Summary and Further Reading
Summary and Further Reading
Putting it all together
What's Syapse?
Building your own Syapse
Further reading
Summary
Index
Index

Chapter 1. Building a Single-Page Site Using Backbone

In this chapter, you'll learn both what Backbone is and why you will want to use it to create web applications. In particular, we'll examine the following topics:

  • Backbone's history and how it fits into the larger history of web development

  • The advantages of Backbone's single-page architecture

  • How real-world companies are using Backbone to power their sites

Previous Section
End of Section 1
Next Section