Rise of the Middle End<br />Kyle Simpson<br />@getify<br />getify@gmail.com<br />http://getify.me<br />#middleend<br />
document.write()Must<br />Die<br />
IEMust<br />Fork<br />http://IEmustFork.com<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<...
Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away. <br />	  	    ...
UI Architecture<br />in between the FRONT end and the BACK end is…<br />the MIDDLE end<br />
UI Architecture<br />how the back end packages for, delivers to, and communicates with the front end<br />
UI Architecture<br />templating, URL routing, data validation, data formatting, data transport, caching, cookies, headers,...
ui architecture <br />
MVC<br />
motivate me<br />
Performance Optimization<br />
DRY<br />
Code Organization<br />
CVC<br />clientsviewscontrollers<br />
ui architecture <br />
Smart Resource Packaging<br />
Multi-part Responses<br />
Result Set Pagination<br />
Atomic Operation Caching<br />
Independent Tier Scaling<br />
clients<br />each piece is a client of every other piece<br />
views<br />templated, portable, reusable<br />
controllers<br />small, decoupled, extensible<br />
Server-side JavaScript<br />
Node.js… and?<br />
BikechainJS<br />V8<br />“engine”<br />modules<br />
HandlebarJS<br />{  }<br />templating engine<br />JSON input<br />text output <br />
demo<br />http://shortie.me<br />code<br />http://shortie.me/!code<br />
Gimme More<br />http://shortie.me/!front<br />http://shortie.me/!rate<br /> please provide feedback!!!!<br />http://githu...
Upcoming SlideShare
Loading in …5
×

Rise of the Middle End

5,199 views

Published on

We all know that web performance optimization is becoming critical to the success of web sites and applications. The problem is, we often don’t have the control over the UI Architecture (“middle-end”) that we need to really make things better.

We’ll talk about how to use JavaScript (client- and server-side) to revamp the middle-end so we can throttle web performance (and code maintainability) to the next level.

Published in: Technology, News & Politics
1 Comment
3 Likes
Statistics
Notes
No Downloads
Views
Total views
5,199
On SlideShare
0
From Embeds
0
Number of Embeds
958
Actions
Shares
0
Downloads
34
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide

Rise of the Middle End

  1. 1. Rise of the Middle End<br />Kyle Simpson<br />@getify<br />getify@gmail.com<br />http://getify.me<br />#middleend<br />
  2. 2. document.write()Must<br />Die<br />
  3. 3. IEMust<br />Fork<br />http://IEmustFork.com<br />
  4. 4. — Agnieszka Gasparska <br />
  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. UI Architecture<br />in between the FRONT end and the BACK end is…<br />the MIDDLE end<br />
  8. 8. UI Architecture<br />how the back end packages for, delivers to, and communicates with the front end<br />
  9. 9. UI Architecture<br />templating, URL routing, data validation, data formatting, data transport, caching, cookies, headers, resource packaging<br />
  10. 10.
  11. 11. ui architecture <br />
  12. 12.
  13. 13. MVC<br />
  14. 14.
  15. 15. motivate me<br />
  16. 16. Performance Optimization<br />
  17. 17. DRY<br />
  18. 18. Code Organization<br />
  19. 19. CVC<br />clientsviewscontrollers<br />
  20. 20.
  21. 21. ui architecture <br />
  22. 22. Smart Resource Packaging<br />
  23. 23. Multi-part Responses<br />
  24. 24. Result Set Pagination<br />
  25. 25. Atomic Operation Caching<br />
  26. 26. Independent Tier Scaling<br />
  27. 27. clients<br />each piece is a client of every other piece<br />
  28. 28. views<br />templated, portable, reusable<br />
  29. 29. controllers<br />small, decoupled, extensible<br />
  30. 30. Server-side JavaScript<br />
  31. 31. Node.js… and?<br />
  32. 32. BikechainJS<br />V8<br />“engine”<br />modules<br />
  33. 33. HandlebarJS<br />{ }<br />templating engine<br />JSON input<br />text output <br />
  34. 34. demo<br />http://shortie.me<br />code<br />http://shortie.me/!code<br />
  35. 35. Gimme More<br />http://shortie.me/!front<br />http://shortie.me/!rate<br /> please provide feedback!!!!<br />http://github.com/getify/shortie.me<br />http://MiddleEnd.com<br />Kyle Simpson<br />@getify<br />getify@gmail.com<br />http://getify.me<br />#middleend<br />

×