1. Grokking
Architecture.js
Thematic Seminar By JS & JS

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

3. MVC MVP
MV*
MVVM

4. Which MVC?
So many variants!

5. “
Design Patterns were supposed to
be common vocabulary.
But everyone has their own
definitions

6. Model View Controller

7. Model View Presenter

8. Model View ViewModel

9. Model View
*

10. How Does This
Look Like In
JavaScript?

11. How is data represented?
Code

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

13. Code
What are the user
interactions that need
handling?

15. How Do They
Help You?

16. Separation of
Concerns

17. Allows
Templating

18. Centralized
View Routing

19. Better Handling
of Data

20. Intro to
Backbone.js
A Talk for the Not So Smart Masses…by a not so smart mass

21. From This…

22. To This…

23. What exactly is
Backbone.js?

24. Meet the Man Behind Backbone.js

25. Neither a MVC
Nor a MVP
Framework
Then what is it?

26. “
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

27. Why Backbone.js?
And not <insert your fav js framework here>.js?

28. Awesome
Documentation

29. Template
Framework
Agnostic

30. {{ mustache }}

31. Used by them…

32. How does it look
like?

33. Folder
Structure

35. Backbone.js
Models

38. Backbone.js
Views

41. Backbone.js
Templates

43. Backbone.js
Routers

45. Try It!

47. Questions?
This two not so smart mass will try their best to answer.