Backbone.Marionette.js: A Gentle Introduction
Backbone.Marionette.js: A Gentle Introduction
Build a Marionette.js app, one step at a time
About the Book
If you're interested in getting the latest and greatest in Marionette, help by making a book on v3 a reality here.
I might be writing a new book covering v3. I don't know whether there will be enough interest to warrant it, or when it will be ready, so you'll probably still want to pick this one up: current readers will get a major discount on the new book when it ships.
The book is up to date for Marionette 2.3. In addition, you also receive the book covering Marionette 1.7.4.
Given the popularity of the short tutorials on Marionette.js I've published on my blog, I've decided to write a book on Marionette.js. The style is the same as in my tutorials: explaining concepts step by step, so you fully understand what is going on, and why we're doing it. This book has great feedback, including Marionette.js' creator (Derick Bailey):
Seriously, why haven’t you bought [this book] yet?— Backbone.Marionette (@marionettejs)May 29, 2013
And from Derick's foreword:
This is the book that I wanted to write, but never had time to write. It is a complete and thorough introduction to building scalable applications with Marionette.js. Better still, it advocates and demonstrates the same patterns and principles that I use in my own applications. You owe it to yourself to work through all of the exercises in this book, even if you are a seasoned Backbone and Marionette developer. David has done a wonderful job of breaking down the architecture of large Marionette applications, lighting the path for each step of the journey.
I've worked really hard to make this a great resource for learning Marionette the "right" way, even for total beginners: you'll gradually discover Marionette components, along with when/why to use them, and how to structure/refactor your code so it stays manageable even for large applications. After you've made it through the book, you'll be comfortable writing a Marionette application on your own.
Exercises covering the basic concepts are included (with solutions), so you can check for yourself if you've properly understood the functionality that was covered in a given chapter.
Grab your own copy today!
What You'll Learn
How to build this application step by step, including:
- Structuring your large apps with modules to manage complexity
- Using regions and layouts to segment your displays and make them manageable
- Managing forms, along with error display
- Handling data latency and displaying loading views
- Filtering collections and updating views, matching URL fragments to filtering criteria
- Extending the Marionette framework to clean up your code and make your life easier
- Using mixins to add common functionality to objects
- Defining your own view classes to extend from, sharing common behavior
- Implementing Backbone routing properly
- Swapping sub-applications
- Managing menu entries with non-persisted models
And much more! All of this will be covered step by step so you fully understand how and why code is being added, removed, or refactored.
Who This Book is For
What Readers Are Saying
I've included some sample reader feedback below, but if you need more convincing take a look at the feedback page.
[...] Back in my commercial programming days, I went on lots of courses and they always asked you at the end whether the course would help you in your day to day work. Largely they were of some help but with David’s book I can wholeheartedly say it was an immense help. Pitched at the perfect level it took a grisly middleware digital plumber out of his binary cave and into the vast open plains of the client landscape. I thoroughly enjoyed it! -- Alistair Young
This book has been invaluable in helping me ramp up my knowledge of developing modern single-page applications. I wish I had found it a few months ago, instead of wasting so much time with short-and-simplistic tutorials that don't help much when you are trying to build a larger application. -- leonardocsouza
Best tutorial book I've ever read on *any* programming subject, never mind one as complicated as this. Thanks for an amazing book. -- Mike Brady
Really great introduction, and nice overview of what is possible architecturally when using backbone. The way David gradually builds up his app is great, and helps drive home conceptually what is going on well. Well worth buying if you are thinking about using Backbone! -- alpower
This was an awesome book for getting started with Marionette. [...] The best part about this book is that it walks you through the concepts starting from small bite size chunks.. slowly refactoring to an elegant system. David, I hope you continue to write books on this subject, you have an awesome style! I give this book 10/10. -- Kirk Quesnelle
Just the right balance of telling you the answers and encouraging you to think for yourself. [...] After an afternoon with this book, I an confident that I will be able to build a solid, maintainable single page application. -- Bastidias
Derick Bailey and Jeremy Ashkenas are giants, and David Sulc is the escalator to their shoulders. I have read both of David's Marionette books at least 3 times. If you have wandered down the the JS rabbit hole this far and found Marionette, this is the tour guide you need to get it right. -- Chet Harrison
Made me realise what I was doing wrong and the proper way to do things. -- marconijr
I'm very glad I bought this book, I only wish I'd bought it sooner - it would have saved me weeks. David does a great job explaining how to use Marionette, and also why you should use it in one way or another. [...] I find that this is a book I keep coming back to for clean ways to architect my own code. The end result for me? I have taken a hideous, inflexible and inefficient survey application and made it pretty and easy and fast. Happy times. -- Christo Fogelberg
New to Backbone and far from a JS expert. This book was great for someone like me - not overwhelming and really helpful to conceptualize the framework. -- keeper2597
I had no experience in web development and had to develop a fairly complex complex single page app. [...] This book has helped me to develop a well-structured, easy to maintain and extendable app in no time. I can't wait to read your more advanced book on Marionette. I'd recommend this book to anyone interested in single page apps development. -- Alberto M Valdunciel
Really great introduction, David. I'm an experience Backbone developer (a couple large apps under my belt), but I was having trouble seeing how all the Marionette pieces fit together. Your introduction connected the dots in a very intuitive way. -- Scott Riding
Great book. Ordered it because we started building a complex frontend application with Backbone Marionette but didnt have proper understanding of it. Now everything is clear, we are having insane speed developing the application. Planning to write a blog post about how to learn Backbone Marionette, I'm 100% sure that this book will be mentioned among the first ones. -- Blacksonic
David's writing style makes it seem like you have a super-calm coach in the room with you. Highly recommended. -- Adrian Goins
- Foreword from Derick Bailey
- Cover Credits
- Who This Book is For
Following Along with Git
- Jumping in for Advanced Readers
- Asset Organization
- Getting Our Assets
Displaying a Static View
- Dynamically Specifying a View Template
- Specifying Other View Attributes
- Implementing Region Management
Displaying a Model
- Using Model Defaults
- Introducing Events
Displaying a Collection of Models
- Introducing the CollectionView
- Listing our Contacts with a CollectionView
- Sorting a Collection
Structuring Code with Modules
- Extracting our App Definition
- Moving Contacts to the Entities Module
- Creating a Module for the ContactsApp Sub-Application
- Moving the App Initialization Handler
- Dealing with Templates
Using a CompositeView
- Using Events
Events, Bubbling, and TriggerMethod
- Communicating via Events
- Animating the Removed ItemView
- Introducing TriggerMethod
Displaying Contacts in Dedicated Views
- Wiring up the Show Event
- The ContactsApp.Show Sub-Module
- How to Think About Routing
- Adding a Router to ContactsApp
- Routing Helpers
- DRYing up Routing with Events
- Adding a Show Route
- Implementing a View for Nonexistent Contacts
Dealing with Persisted Data
- Adding a Location to our Entities
- Configuring our Entities to use Web Storage
- Loading our Contacts Collection
- Loading a Single Contact
- Deleting a Contact
Handling Data Latency
- Delaying our Contact Fetch
- Using jQuery Deferreds
- Displaying a Loading View
- Passing Parameters to Views and SerializeData
Managing Forms: Editing a Contact
- Saving the Modified Contact
- Validating Data
Displaying a Modal Window
- Using jQuery UI
- Adding the Edit Link
- Implementing Modal Functionality
- Handling the Modal Form Data
- Subdividing Complex Views with Layouts
Extending from Base Views
- Some Cleanup
Managing Dialogs with a Dedicated Region
- Customizing onRender
- Implementing an Empty View
- Optional Routes and Query Strings
The ‘About’ Sub-Application
- Coding the Sub-App
The ‘Header’ Sub-Application
- Setting up the Models
- Adding Templates and Views
- Implementing the Controller and Sub-Application
- Navigating with the Brand
- Highlighting the Active Header
- Handling Menu Clicks
- Keeping in Touch
- Other Books I’ve Written
- Bonus Chapter
- Using the Contact Manager Application
- Adapting the Application
- Module Architecture
- Displaying a Contact With No Phone Number
- Sorting a Collection
- Declaring a Template Sub-Module
- Building your own CompositeView
- Displaying the Contents of a Clicked Table Cell
- Event Bubbling from Child Views
- Getting Back to the Contacts List
Overriding Marionette’s Template Loader
- Declaring a Template Sub-Module
- Tackling the Template Loader
- Specifying our new Template
- Extending Marionette
Using Web Storage for Persistence
- Implementation Strategy
- Adding to the Entities Module
- Proxying the Constructor
- Using a Mixin with Underscore
- Determining the Storage Key
- Using a Storage Cache
- Calling the Constructor with Apply
- Creating a FilteredCollection
The Leanpub 45-day 100% Happiness Guarantee
Within 45 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
See full terms
Free Updates. DRM Free.
If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).
Most Leanpub books are available in PDF (for computers), EPUB (for phones and tablets) and MOBI (for Kindle). The formats that a book includes are shown at the top right corner of this page.
Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.
Ansible for KubernetesJeff Geerling
Ansible is a powerful infrastructure automation tool. Kubernetes is a powerful application deployment platform. Learn how to use these tools to automate massively-scalable, highly-available infrastructure.
Functional Design and ArchitectureAlexander Granin
Software Design in Functional Programming, Design Patterns and Practices, Methodologies and Application Architectures. How to build real software in Haskell with less efforts and low risks. The first complete source of knowledge.
Production HaskellMatt Parsons
Are you excited about Haskell, but don't know where to begin? Are you thrilled by the technical advantages, but worried about the unknown pitfalls? This book has you covered.
Ansible for DevOpsJeff Geerling
Ansible is a simple, but powerful, server and configuration management tool. Learn to use Ansible effectively, whether you manage one server—or thousands.
Tame your Work FlowSteve Tendon and Daniel Doiron
Do you need a high performance enterprise governance approach improving management, execution and delivery while dealing with multiple projects/products, events, stakeholders and teams? Giving you better bottom line results, faster time to market, less work, better predictability, happier employees, and delighted clients? Then learn about TameFlow!
Practical FP in Scala: A hands-on approachGabriel Volpe
A practical book aimed for those familiar with functional programming in Scala who are yet not confident about architecting an application from scratch.
Together, we will develop a purely functional application using the best libraries in the Cats ecosystem, while learning about design patterns and best practices.
Composing SoftwareEric Elliott
All software design is composition: the act of breaking complex problems down into smaller problems and composing those solutions. Most developers have a limited understanding of compositional techniques. It's time for that to change.
Algebra-Driven DesignSandy Maguire
A how-to field guide on building leak-free abstractions and algebraically designing real-world applications.
Invest In Digital Health - The Medical Futurist's GuideDr. Bertalan Mesko
Artificial Intelligence and Digital Health are booming. In this book, we explain why now it's a good time to invest in Digital Health and give recommendations on where to invest by looking at the top 24 technological trends we find the most promising.
The Hundred-Page Machine Learning BookAndriy Burkov
Everything you really need to know in Machine Learning in a hundred pages.
The Tester's Library
8 BooksThe Tester's Library consists of eight five-star books that every software tester should read and re-read. As bound books, this collection would cost over $200. Even as e-books, their price would exceed $80, but in this bundle, their cost is only $49.99. Here are the books, and why they should be in your library: Perfect Software and Other...
11 BooksIn this bundle, you will find 10 different agile books. They are about different aspects of being agile. - finding a job - doing coding dojo's - Retrospectives - Personal kanban - a non-typical coaching book and even a book that gives you an insight in the lives of some agile people.
WTFlop 6M + HU - Beta Bundle
Marionette.js A to Z
Build A Better Backbone App
3 BooksThe best way to learn new development skills is through experience, but that takes time you don't have.Get the best of both worlds with this bundle: you'll learn how to produce modern web applications by learning from experienced developers like Derick Bailey and David Sulc. BackboneJS is one of the favorite tools on the web today, but it...
General Systems Thinker Bundle
5 BooksThe General Systems Thinker Bundle is just that: a bundle of five books to advance the reader one giant step toward improved thinking, based on General Systems principles. Four of the books are the complete General Systems Series. The fifth is fictional piece which shows some general systems thinkers in action. It's a mystery in which a group of...
Experiential Learning Bundle
4 BooksThis bundle provides all four volumes of the popular Experiential Learning Series at a savings of $20 over the price if purchased separately.
2 BooksAfter getting up and running with Ansible in Jeff Geerling's Ansible for DevOps, strengthen your skills managing tens to thousands of instances and services in Amazon's AWS cloud with Yan Kurniawan's Ansible for AWS.
Learn ECMAScript 6 inside and out
2 BooksFor any technology, it helps to get multiple points of view on the functionality to get the best possible understanding. For ECMAScript 6/2015, no two resources are recommended more frequently thanExploring ES6by Dr. Axel Rauschmayer andUnderstanding ECMAScript 6by Nicholas C. Zakas. These two points of view, investigating the specification and...
NetBeans Platform Starter Kit
2 BooksIn this bundle, you get a complete introduction to the NetBeans Platform APIs, together with many exercises, in the form of "NetBeans Platform for Beginners". This book is done and has been reviewed and is over 350 pages in length. It will continue to grow as more content is added over time. There will be monthly updates, with new sections,...