Rise of the Middle End
-
Upload
kyle-simpson -
Category
Technology
-
view
3.628 -
download
1
description
Transcript of Rise of the Middle End
![Page 2: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/2.jpg)
document.write()
MustDie
![Page 3: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/3.jpg)
IEMustFork
http://IEmustFork.com
![Page 4: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/4.jpg)
— Agnieszka Gasparska
![Page 5: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/5.jpg)
Every block of stone has a statue inside it and it is the task of the sculptor to discover it.
— Michelangelo
![Page 6: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/6.jpg)
Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.
— Antoine de Saint-Exupery
![Page 7: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/7.jpg)
in between the FRONT end and the BACK end is…
UI Architecture
the MIDDLE end
![Page 8: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/8.jpg)
how the back end packages for, delivers to, and communicates with the front end
UI Architecture
![Page 9: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/9.jpg)
templating, URL routing, data validation, data formatting, data transport, caching, cookies, headers, resource packaging
UI Architecture
![Page 10: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/10.jpg)
![Page 11: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/11.jpg)
ui architecture
![Page 12: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/12.jpg)
![Page 13: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/13.jpg)
MVC
![Page 14: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/14.jpg)
![Page 15: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/15.jpg)
motivate me
![Page 16: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/16.jpg)
Performance Optimization
![Page 17: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/17.jpg)
DRY
![Page 18: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/18.jpg)
Code Organization
![Page 19: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/19.jpg)
CVC
clients views controllers
![Page 20: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/20.jpg)
![Page 21: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/21.jpg)
ui architecture
![Page 22: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/22.jpg)
Smart Resource Packaging
![Page 23: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/23.jpg)
Multi-part Responses
![Page 24: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/24.jpg)
Result Set Pagination
![Page 25: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/25.jpg)
Atomic Operation Caching
![Page 26: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/26.jpg)
Independent Tier Scaling
![Page 27: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/27.jpg)
clients
each piece is a client of every other piece
![Page 28: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/28.jpg)
views
templated, portable, reusable
![Page 29: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/29.jpg)
controllers
small, decoupled, extensible
![Page 30: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/30.jpg)
Server-side JavaScript
![Page 31: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/31.jpg)
Node.js… and?
![Page 32: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/32.jpg)
BikechainJS
V8“engine
”modul
es
![Page 33: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/33.jpg)
HandlebarJS
templating engineJSON inputtext output
{ }
![Page 34: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/34.jpg)
demo
code
http://shortie.me
http://shortie.me/!code
![Page 35: Rise of the Middle End](https://reader035.fdocuments.net/reader035/viewer/2022062703/554d2c4bb4c905ab268b5038/html5/thumbnails/35.jpg)
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