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.
Dude, That’s Some StrangeUI Architecture<br />Kyle Simpson<br />@getify<br />getify@gmail.com<br />http://getify.me<br />#...
document.write()Must Die<br />
		      — Agnieszka Gasparska <br />
Every block of stone has a statue inside it and it is the task of the sculptor to discover it. <br />				— Michelangelo<br />
Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away. <br />	  — Ant...
UI Architecture<br />how you process, package, deliver to, and communicate with the client/presentation layer<br />
UI Architecture<br />in between the FRONT end and the BACK end is…<br />the MIDDLE end<br />
UI Architecture<br />templating<br />url routing<br />data validation<br />ajax<br />data formatting<br />caching<br />coo...
ui architecture <br />
MVC<br />
performance anxiety optimization<br />
spaghetti code<br />
i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY. i will not repeat myself. DRY...
CVC<br />clients views controllers<br />
ui architecture <br />
Result Set Pagination<br />
Atomic Operation Caching<br />
Independent Tier Scaling<br />
clients<br />everything is a client of everything else<br />decoupled, modular, scalable<br />
templating, portable, DRY, platform agnostic, core web technology<br />views<br />
controllers<br />small, independent, powerful<br />
JavaScript<br />(on the server)<br />
BikechainJS<br />V8<br />“engine”<br />modules<br />
HandlebarJS<br />{  }<br />templating engine <br />text/html templates <br />JSON data input<br />
code<br />demo<br />
More info<br />http://shortie.me/!strange<br />http://spkr8.com/t/4821<br /> please provide feedback!!!!<br />http://gith...
Upcoming SlideShare
Loading in …5
×

Dude, That's Some Strange UI Architecture

1,547 views

Published on

Exploring CVC (Clients-Views-Controllers) pattern (instead of MVC) for Middle-End UI Architecture, using server-side JavaScript for DRY code that can be used both on the server and in the browser.

Published in: Technology, Business
  • Be the first to like this

Dude, That's Some Strange UI Architecture

  1. 1. Dude, That’s Some StrangeUI Architecture<br />Kyle Simpson<br />@getify<br />getify@gmail.com<br />http://getify.me<br />#strangeui<br />
  2. 2. document.write()Must Die<br />
  3. 3. — Agnieszka Gasparska <br />
  4. 4.
  5. 5. Every block of stone has a statue inside it and it is the task of the sculptor to discover it. <br /> — Michelangelo<br />
  6. 6. Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away. <br /> — Antoine de Saint-Exupery<br />
  7. 7.
  8. 8.
  9. 9.
  10. 10.
  11. 11. UI Architecture<br />how you process, package, deliver to, and communicate with the client/presentation layer<br />
  12. 12. UI Architecture<br />in between the FRONT end and the BACK end is…<br />the MIDDLE end<br />
  13. 13. UI Architecture<br />templating<br />url routing<br />data validation<br />ajax<br />data formatting<br />caching<br />cookies/headers<br />
  14. 14.
  15. 15. ui architecture <br />
  16. 16. MVC<br />
  17. 17.
  18. 18. performance anxiety optimization<br />
  19. 19. spaghetti code<br />
  20. 20. 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. <br />
  21. 21. CVC<br />clients views controllers<br />
  22. 22.
  23. 23. ui architecture <br />
  24. 24. Result Set Pagination<br />
  25. 25. Atomic Operation Caching<br />
  26. 26. Independent Tier Scaling<br />
  27. 27. clients<br />everything is a client of everything else<br />decoupled, modular, scalable<br />
  28. 28. templating, portable, DRY, platform agnostic, core web technology<br />views<br />
  29. 29. controllers<br />small, independent, powerful<br />
  30. 30. JavaScript<br />(on the server)<br />
  31. 31. BikechainJS<br />V8<br />“engine”<br />modules<br />
  32. 32. HandlebarJS<br />{ }<br />templating engine <br />text/html templates <br />JSON data input<br />
  33. 33. code<br />demo<br />
  34. 34. More info<br />http://shortie.me/!strange<br />http://spkr8.com/t/4821<br /> please provide feedback!!!!<br />http://github.com/getify/shortie.me<br />http://MiddleEnd.com<br />#strangeui<br />Kyle Simpson<br />@getify<br />getify@gmail.com<br />http://getify.me<br />

×