Thematic Seminar By JS & JS

Grokking Architecture.js

Hello! Start By a Refresher of What We’ve Learned…

MVC MVVM

MVP

MV*

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?

Code

How is data represented?

Code

What does the user need to see?

Are they repeated output?

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.