code is cool - products are better

Post on 11-Nov-2014

2.523 Views

Category:

Technology

1 Downloads

Preview:

Click to see full reader

DESCRIPTION

JSConf 2011 talk

TRANSCRIPT

Products are BetterProducts are Better

Code is Cool- but -

@aaronheckmanngithub/aheckmann

Why?

`

http://wilwheaton.typepad.com/wwdnbackup/images/numbers.png

`

http://www.thebrannanblog.net/wp-content/uploads/2011/01/boombox.jpg

4 ½ devs

http://farm1.static.flickr.com/199/480091641_3c2d87ddfa.jpg © Warner Bros Pictures

http://farm1.static.flickr.com/199/480091641_3c2d87ddfa.jpg © Warner Bros Pictures

?

Don't Write Code

Not writing code

Not writing code

http://www.codeproject.com/KB/ajax/sal/ajax.jpg

If you're writing ajax requests today you're probably wasting your time.

http://1.bp.blogspot.com/_4ynpbjsnPvk/SYioZdoZokI/AAAAAAAAKTM/HzAZZ3BsBak/s400/oregon-trail-3.jpg

Data-Dynamic

Data-Dynamic

1) event delegation

Data-Dynamic

1) event delegation

<form data-dynamic action='/explore' data-validate>

Data-Dynamic

1) event delegation

<form data-dynamic action='/explore' data-validate>

Data-Dynamic

1) event delegation

<form data-dynamic action='/explore' data-validate>

<anything data-dynamic='/wagon'>1840s</anything>

Data-Dynamic

1) event delegation

<form data-dynamic action='/explore' data-validate>

<any data-dynamic='/wagon' method='post'>1840s</any>

Data-Dynamic

1) event delegation

<form data-dynamic action='/explore' data-validate>

<any data-dynamic='/wagon' method='post'>1840s</any>

<a href='/oregon/trail' data-popup-remote>adventure!</a>

Data-Dynamic

1) event delegation

<form data-dynamic action='/explore' data-validate>

<any data-dynamic='/wagon' method='post'>1840s</any>

<a href='/oregon/trail' data-popup-remote>adventure!</a>

<span data-tip-remote='/tip/furtrade'>fur trade</span>

Data-Dynamic

1) event delegation

2) Managed JSON Response

Data-Dynamic

2) Managed JSON Response

res.send({ replace: { selector: html } , emit: [eventName, args...] , trigger: [selector, eventName, args...] , popup: html , redirect: url , success: msg , invalid: msg , etc});

Data-Dynamic

2) Managed JSON Response

res.send({ replace: { selector: html } , emit: [eventName, args...] , trigger: [selector, eventName, args...] , popup: html , redirect: url , success: msg , invalid: msg , etc});

Data-Dynamic

2) Managed JSON Response

res.send({ replace: { selector: html } , emit: [eventName, args...] , trigger: [selector, eventName, args...] , popup: html , redirect: url , success: msg , invalid: msg , etc});

Data-Dynamic

2) Managed JSON Response

res.send({ replace: { selector: html } , emit: [eventName, args...] , trigger: [selector, eventName, args...] , popup: html , redirect: url , success: msg , invalid: msg , etc});

Data-Dynamic

2) Managed JSON Response

res.send({ replace: { selector: html } , emit: [eventName, args...] , trigger: [selector, eventName, args...] , popup: html , redirect: url , success: msg , invalid: msg , etc});

Data-Dynamic

2) Managed JSON Response

res.send({ replace: { selector: html } , emit: [eventName, args...] , trigger: [selector, eventName, args...] , popup: html , redirect: url , success: msg , invalid: msg , etc});

Not Writing Code

http://joyindeutschland.files.wordpress.com/2011/02/oregon_trail_ii_opening.jpg

+

Get Dysentery

$ npm install express-mongoose

https://github.com/learnboost/express-mongoose

Instrumentation

http://www.blogcdn.com/www.autoblog.com/media/2008/05/asimo_conducts_dso.jpg

global variable

leaks

http://www.changetheequation.org/clientuploads/Leaky%20Pipe.jpg

Products are BetterProducts are Better

Code is Cool- but -

@aaronheckmanngithub/aheckmann

top related