GrokkingArchitecture.jsThematic 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 ThisLook Like InJavaScript?
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 TheyHelp You?
Separation ofConcerns
AllowsTemplating
CentralizedView Routing
Better Handlingof Data
Intro toBackbone.jsA Talk for the Not So Smart Masses…by a not so smart mass
From This…
To This…
What exactly isBackbone.js?
Meet the Man Behind Backbone.js
Neither a MVCNor a MVPFrameworkThen what is it?
“Backbone doesnt fit either MVCnor MVP perfectly. Instead, itborrows some of the best conceptsfrom multiple architecturalp...
Why Backbone.js?And not <insert your fav js framework here>.js?
AwesomeDocumentation
TemplateFrameworkAgnostic
{{ mustache }}
Used by them…
How does it looklike?
FolderStructure
Backbone.jsModels
Backbone.jsViews
Backbone.jsTemplates
Backbone.jsRouters
Try It!
Questions?This two not so smart mass will try their best to answer.
JavaScript Architectures
JavaScript Architectures
JavaScript Architectures
JavaScript Architectures
JavaScript Architectures
JavaScript Architectures
JavaScript Architectures
JavaScript Architectures
JavaScript Architectures
Upcoming SlideShare
Loading in …5
×

JavaScript Architectures

772 views

Published on

Published in: Technology
  • Be the first to comment

JavaScript Architectures

  1. 1. GrokkingArchitecture.jsThematic Seminar By JS & JS
  2. 2. Hello!Start By a Refresher of What We’ve Learned…
  3. 3. MVC MVP MV*MVVM
  4. 4. Which MVC?So many variants!
  5. 5. “Design Patterns were supposed to be common vocabulary. But everyone has their own definitions
  6. 6. Model View Controller
  7. 7. Model View Presenter
  8. 8. Model View ViewModel
  9. 9. Model View *
  10. 10. How Does ThisLook Like InJavaScript?
  11. 11. How is data represented?Code
  12. 12. What does the user need to see? Are they repeated output?Code
  13. 13. Code What are the user interactions that need handling?
  14. 14. How Do TheyHelp You?
  15. 15. Separation ofConcerns
  16. 16. AllowsTemplating
  17. 17. CentralizedView Routing
  18. 18. Better Handlingof Data
  19. 19. Intro toBackbone.jsA Talk for the Not So Smart Masses…by a not so smart mass
  20. 20. From This…
  21. 21. To This…
  22. 22. What exactly isBackbone.js?
  23. 23. Meet the Man Behind Backbone.js
  24. 24. Neither a MVCNor a MVPFrameworkThen what is it?
  25. 25. “Backbone doesnt fit either MVCnor MVP perfectly. Instead, itborrows some of the best conceptsfrom multiple architecturalpatterns and creates a flexibleframework that just works well. Addy Osmani, Google Engineer, Author of Developing Backbone.js Applications
  26. 26. Why Backbone.js?And not <insert your fav js framework here>.js?
  27. 27. AwesomeDocumentation
  28. 28. TemplateFrameworkAgnostic
  29. 29. {{ mustache }}
  30. 30. Used by them…
  31. 31. How does it looklike?
  32. 32. FolderStructure
  33. 33. Backbone.jsModels
  34. 34. Backbone.jsViews
  35. 35. Backbone.jsTemplates
  36. 36. Backbone.jsRouters
  37. 37. Try It!
  38. 38. Questions?This two not so smart mass will try their best to answer.

×