Explore new ways to use JavaScript on the server and in the browser to achieve scalable, secure, robust, and maintainable UI architecture for web applications.

2. SXSWi 2010 Kyle Simpson @getify http://getify.me #frontandbackofit #jsarch JavaScript Architecture:The Front and the Back of It

3. UI Architecture all the stuff that it takes to process, package, deliver, and communicate with the client (presentation layer)

4. UI Architecture templating url routing data validation ajax data formatting

5. UI Architecture in between the FRONT end and the BACK end is… the MIDDLE end

6. traditional web architecture

8. what‘s my motivation?

9. 1. performance

10. 2. MVC

11. spaghetti code move over, QBasic

12. 3.DRY

13. 4. role separation

14. a new “view”

15. CVC clients views controllers

17. clients everything is a client of everything else decoupled, modular, scalable

18. templating, portable, DRY, platform agnostic, core web technology views

19. controllers small, independent, powerful

20. what i‘mNOT suggesting another framework ditch whole architecture mvc is wrong/weak

21. what iAM suggesting it‘s ok to rethink! CVC is an alternatepattern for thinking about UI architecture

22. JavaScript (on the server)

23. node.js (V8) narwhal (rhino) JavaScriptCore, SpiderMonkey, etc

24. CommonJS files i/o processes networking

25. BikechainJS V8 “engine” modules

26. the power of UI architecture in the hands of front-end engineers CVC + JavaScript =

27. but how????

28. HandlebarJS { } templating engine text/html templates JSON data input

29. details, details… 100% JavaScript (browser or server) application “state” selects templates “compiles” templates into JS

30. Wrapping up

31. More info http://sxsw.getify.com http://blog.getify.com http://spkr8.com/talks/2518 please provide feedback!!!! http://github.com/getify/BikechainJS http://github.com/getify/HandlebarJS Kyle Simpson @getify http://getify.me #frontandbackofit #jsarch