Dude, where’s my UI

architecture?Kyle Simpson

@getifygetify@gmail.co

mhttp://getify.me

#dudeui

— Agnieszka Gasparska

Every block of stone has a statue inside it and it is the task of the sculptor to discover it.

— Michelangelo

…just chip away everything that doesn’t look like a horse.

— unknown

Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.

— Antoine de Saint-Exupery

UI Architecture

how you process, package, deliver to, and communicate with the client/presentation layer

UI Architecture

url routing

data validation

data formatting

templating

ajax

UI Architecture

in between the FRONT end and the BACK end is…

UI Architecture

in between the FRONT end and the BACK end is…

the MIDDLE end

traditional web architecture

ui architecture

what’s my motivatio

n?

performance anxiety

optimization

spaghetti code

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.

many

hatsman

y roles

CVCclients views controllers

ui architecture

clients

everything is a client of everything else

decoupled, modular, scalable

views

templating, portable, DRY, platform agnostic,

core web technology

controllers

small, independent, powerful

what i‘m NOT

suggesting

yet another framework

ditch whole architecture

mvc is wrong/weak

CVC is an alternate pattern for UI architecture

what i AM suggesting

it‘s ok to rethink!

JavaScript

(on the server)

BikechainJS

V8 “engine” modules

code

HandlebarJS{ }

templating engine text/html templates

JSON data input

demo

code

CVC + JavaScript

the power of UI architecture in the hands of front-end

engineers

=

More info

http://github.com/getify/BikechainJS

http://github.com/getify/HandlebarJS

Kyle Simpson@getifygetify@gmail.comhttp://getify.me

#dudeui