Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
INTRODUCTION TO THE  SCALABLE  JAVASCRIPT APPLICATION FRAMEWORK 2011-08-14
Introduction
In each  layer of responsibility , modules know each other and the layer below
In each  layer of responsibility , modules know each other and the layer below Your Application Modules Framework Core Fra...
 
Application modules don't talk to each other. They  publish and subscribe  to application events.
Application modules don't talk to each other. They  publish and subscribe  to application events.
Each application module works in  isolation with its  sandbox , oblivious to the outside
Each application module works in  isolation with its  sandbox , oblivious to the outside
Pros and Cons
Publish/subscribe and sandboxing result in  loose coupling , which is nice
Application modules subscribed to the same events often end up with  duplicate code  for local state and accessors, which ...
We need a  new state of mind  to imagine modules where we did not expect them
How to Contribute?
How to contribute? Get the code, write applications and  share your experience
How to contribute? Fork the project on GitHub and  suggest improvements https://github.com/eric-brechemier/lb_js_scalableApp
THANK YOU!
References <ul><li>Scalable JavaScript Application Architecture by Nicholas C. Zakas </li><ul><li>Video  on Yahoo! Develop...
Slides  on Slideshare </li></ul><li>The Scalable JavaScript Application Framework </li><ul><li>Home Page  on GitHub
Code  on GitHub </li></ul><li>FLIP – Scalable Flip Application by Antoine Bernier </li><ul><li>Code  on GitHub </li></ul><...
Upcoming SlideShare
Loading in …5
×

Introduction to The Scalable JavaScript Application Framework

3,364 views

Published on

CC-BY-SA Eric Bréchemier &Legal-Box SAS, 2011
https://github.com/eric-brechemier/introduction_to_lb_js_scalableApp

Introduction to the Scalable JavaScript Application Framework

First presented by Eric Bréchemier at ParisJS on April 27, 2011

The Scalable JavaScript Application framework [1] is a client-side framework used to create modular Web applications. It is based on the Scalable JavaScript Application Architecture by Nicholas C. Zakas [2].

[1] The Scalable JavaScript Application framework
http://legalbox.github.com/lb_js_scalableApp/

[2] Scalable JavaScript Application Architecture, by Nicholas Zakas
http://www.slideshare.net/nzakas/scalable-javascript-application-architecture

Published in: Technology
  • Follow-up: The Scalable JavaScript Application framework moved

    New location for the project:
    https://github.com/eric-brechemier/lb_js_scalableApp

    New location for the introduction slides:
    https://github.com/eric-brechemier/introduction_to_lb_js_scalableApp
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Introduction to The Scalable JavaScript Application Framework

  1. 1. INTRODUCTION TO THE SCALABLE JAVASCRIPT APPLICATION FRAMEWORK 2011-08-14
  2. 2. Introduction
  3. 3. In each layer of responsibility , modules know each other and the layer below
  4. 4. In each layer of responsibility , modules know each other and the layer below Your Application Modules Framework Core Framework Base Cross-Browser Library Browser JavaScript Engine
  5. 6. Application modules don't talk to each other. They publish and subscribe to application events.
  6. 7. Application modules don't talk to each other. They publish and subscribe to application events.
  7. 8. Each application module works in isolation with its sandbox , oblivious to the outside
  8. 9. Each application module works in isolation with its sandbox , oblivious to the outside
  9. 10. Pros and Cons
  10. 11. Publish/subscribe and sandboxing result in loose coupling , which is nice
  11. 12. Application modules subscribed to the same events often end up with duplicate code for local state and accessors, which is sad
  12. 13. We need a new state of mind to imagine modules where we did not expect them
  13. 14. How to Contribute?
  14. 15. How to contribute? Get the code, write applications and share your experience
  15. 16. How to contribute? Fork the project on GitHub and suggest improvements https://github.com/eric-brechemier/lb_js_scalableApp
  16. 17. THANK YOU!
  17. 18. References <ul><li>Scalable JavaScript Application Architecture by Nicholas C. Zakas </li><ul><li>Video on Yahoo! Developer Network
  18. 19. Slides on Slideshare </li></ul><li>The Scalable JavaScript Application Framework </li><ul><li>Home Page on GitHub
  19. 20. Code on GitHub </li></ul><li>FLIP – Scalable Flip Application by Antoine Bernier </li><ul><li>Code on GitHub </li></ul></ul>https://github.com/eric-brechemier /introduction_to_lb_js_scalableApp
  20. 21. Credits <ul><li>Slide Template </li><ul><li>Adapted from &quot;tokyo-midtown-1.otp&quot; CC-BY-SA Chih-Hao Tsai </li></ul><li>Pictures </li><ul><li>&quot;Balloons&quot; CC-BY befuddledsenses / Accretion Disc
  21. 22. &quot;Make a wish...&quot; CC-BY Theresa Thompson
  22. 23. &quot;Skatechair&quot; CC-BY-SA Max Braun
  23. 24. &quot;Balloons make everything more fun&quot; CC-BY Waponi / Kathryn Decker-Krauth
  24. 25. &quot;Office Prank&quot; CC-BY-SA disterics </li></ul></ul>https://github.com/eric-brechemier /introduction_to_lb_js_scalableApp

×