1.
Dude, That’s Some StrangeUI Architecture<br />Kyle Simpson<br />@getify<br />getify@gmail.com<br />http://getify.me<br />#strangeui<br />

2.
document.write()Must Die<br />

3.
— Agnieszka Gasparska <br />

4.

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

8.

9.

10.

11.
UI Architecture<br />how you process, package, deliver to, and communicate with the client/presentation layer<br />

12.
UI Architecture<br />in between the FRONT end and the BACK end is…<br />the MIDDLE end<br />

13.
UI Architecture<br />templating<br />url routing<br />data validation<br />ajax<br />data formatting<br />caching<br />cookies/headers<br />

14.

15.
ui architecture <br />

16.
MVC<br />

17.

18.
performance anxiety optimization<br />

19.
spaghetti code<br />

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.
CVC<br />clients views controllers<br />

22.

23.
ui architecture <br />

24.
Result Set Pagination<br />

25.
Atomic Operation Caching<br />

26.
Independent Tier Scaling<br />

27.
clients<br />everything is a client of everything else<br />decoupled, modular, scalable<br />

28.
templating, portable, DRY, platform agnostic, core web technology<br />views<br />

29.
controllers<br />small, independent, powerful<br />

30.
JavaScript<br />(on the server)<br />

31.
BikechainJS<br />V8<br />“engine”<br />modules<br />

32.
HandlebarJS<br />{ }<br />templating engine <br />text/html templates <br />JSON data input<br />

33.
code<br />demo<br />

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