Grokking
Architecture.js
Thematic Seminar By JS & JS
Hello!
Start By a Refresher of What We’ve Learned…
MVC MVP
       MV*
MVVM
Which MVC?
So many variants!
“
Design Patterns were supposed to
     be common vocabulary.

    But everyone has their own
            definitions
Model   View   Controller
Model   View   Presenter
Model   View   ViewModel
Model   View
               *
How Does This
Look Like In
JavaScript?
How is data represented?




Code
What does the user need
                 to see?
       Are they repeated output?


Code
Code
         What are the user
       interactions that need
             handling?
How Do They
Help You?
Separation of
Concerns
Allows
Templating
Centralized
View Routing
Better Handling
of Data
Intro to
Backbone.js
A Talk for the Not So Smart Masses…by a not so smart mass
From This…
To This…
What exactly is
Backbone.js?
Meet the Man Behind Backbone.js
Neither a MVC
Nor a MVP
Framework
Then what is it?
“
Backbone doesn't fit either MVC
nor MVP perfectly. Instead, it
borrows some of the best concepts
from multiple architectural
patterns and creates a flexible
framework that just works well.
       Addy Osmani, Google Engineer,
       Author of Developing Backbone.js Applications
Why Backbone.js?
And not <insert your fav js framework here>.js?
Awesome
Documentation
Template
Framework
Agnostic
{{ mustache }}
Used by them…
How does it look
like?
Folder
Structure
Backbone.js
Models
Backbone.js
Views
Backbone.js
Templates
Backbone.js
Routers
Try It!
Questions?
This two not so smart mass will try their best to answer.

JavaScript Architectures