We will explore a bottom-up re-visioning of UI architecture, showing how the deconstructed approach of CVC (Client-View-Controller) solves many of the problems that plague traditional frameworks in the web application space.

2. Dude, where’s my UI architecture? Kyle Simpson @getify getify@gmail.com http://getify.me #dudeui

6. — Agnieszka Gasparska

7. Every block of stone has a statue inside it and it is the task of the sculptor to discover it. — Michelangelo

9. …just chip away everything that doesn’t look like a horse. — unknown

11. Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away. — Antoine de Saint-Exupery

16. UI Architecture how you process, package, deliver to, and communicate with the client/presentation layer

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

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

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

20. traditional web architecture

22. ui architecture 

23. what’s my motivation?

25. performance anxiety optimization

26. spaghetti code

27. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY.

28. many hats many roles

29. CVC clients views controllers

31. ui architecture 

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

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

34. controllers small, independent, powerful

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

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

37. JavaScript (on the server)

38. BikechainJS V8 “engine” modules

39. code

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

41. code demo

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

43. More info http://github.com/getify/BikechainJS http://github.com/getify/HandlebarJS #dudeui Kyle Simpson @getify getify@gmail.com http://getify.me