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,498 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
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
1,498
On SlideShare
0
From Embeds
0
Number of Embeds
24
Actions
Shares
0
Downloads
10
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

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 />

×