Embed Size (px)
DESCRIPTION
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.
Citation preview
document.write()
MustDie
IEMustFork
http://IEmustFork.com
— Agnieszka Gasparska
Every block of stone has a statue inside it and it is the task of the sculptor to discover it.
— Michelangelo
Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.
— Antoine de Saint-Exupery
in between the FRONT end and the BACK end is…
UI Architecture
the MIDDLE end
how the back end packages for, delivers to, and communicates with the front end
UI Architecture
templating, URL routing, data validation, data formatting, data transport, caching, cookies, headers, resource packaging
UI Architecture
ui architecture
MVC
motivate me
Performance Optimization
DRY
Code Organization
CVC
clients views controllers
ui architecture
Smart Resource Packaging
Multi-part Responses
Result Set Pagination
Atomic Operation Caching
Independent Tier Scaling
clients
each piece is a client of every other piece
views
templated, portable, reusable
controllers
small, decoupled, extensible
Server-side JavaScript
Node.js… and?
BikechainJS
V8“engine
”modul
es
HandlebarJS
templating engineJSON inputtext output
{ }
demo
code
http://shortie.me
http://shortie.me/!code
http://shortie.me/!rate
http://github.com/getify/shortie.me
please provide feedback!!!!
Kyle Simpson@[email protected]://getify.me
#middleend
http://shortie.me/!front
http://MiddleEnd.com
Gimme More
![An End-Middle-End Approach to Connection Establishment · An End-Middle-End Approach to Connection Establishment ... and combined with recent NAT traversal techniques, ... TRIAD [20],](https://img.pdfslide.us/doc/110x75/5b0b60737f8b9a61448c965b/an-end-middle-end-approach-to-connection-end-middle-end-approach-to-connection-establishment.jpg)
