Code is Cool - Products are Better

35

description

JSConf 2011 talk

Transcript of Code is Cool - Products are Better

Page 1: Code is Cool - Products are Better
Page 2: Code is Cool - Products are Better

Products are BetterProducts are Better

Code is Cool- but -

@aaronheckmanngithub/aheckmann

Page 3: Code is Cool - Products are Better

Why?

Page 4: Code is Cool - Products are Better

`

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

Page 5: Code is Cool - Products are Better

`

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

Page 6: Code is Cool - Products are Better

4 ½ devs

Page 7: Code is Cool - Products are Better
Page 8: Code is Cool - Products are Better

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

Page 9: Code is Cool - Products are Better

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

?

Page 10: Code is Cool - Products are Better

Don't Write Code

Page 11: Code is Cool - Products are Better

Not writing code

Page 12: Code is Cool - Products are Better

Not writing code

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

Page 13: Code is Cool - Products are Better

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

Page 14: Code is Cool - Products are Better

Data-Dynamic

Page 15: Code is Cool - Products are Better

Data-Dynamic

1) event delegation

Page 16: Code is Cool - Products are Better

Data-Dynamic

1) event delegation

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

Page 17: Code is Cool - Products are Better

Data-Dynamic

1) event delegation

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

Page 18: Code is Cool - Products are Better

Data-Dynamic

1) event delegation

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

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

Page 19: Code is Cool - Products are Better

Data-Dynamic

1) event delegation

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

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

Page 20: Code is Cool - Products are Better

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>

Page 21: Code is Cool - Products are Better

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>

Page 22: Code is Cool - Products are Better

Data-Dynamic

1) event delegation

2) Managed JSON Response

Page 23: Code is Cool - Products are Better

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});

Page 24: Code is Cool - Products are Better

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});

Page 25: Code is Cool - Products are Better

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});

Page 26: Code is Cool - Products are Better

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});

Page 27: Code is Cool - Products are Better

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});

Page 28: Code is Cool - Products are Better

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});

Page 29: Code is Cool - Products are Better

Not Writing Code

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

Page 30: Code is Cool - Products are Better

+

Page 31: Code is Cool - Products are Better

Get Dysentery

Page 32: Code is Cool - Products are Better

$ npm install express-mongoose

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

Page 33: Code is Cool - Products are Better

Instrumentation

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

Page 34: Code is Cool - Products are Better

global variable

leaks

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

Page 35: Code is Cool - Products are Better

Products are BetterProducts are Better

Code is Cool- but -

@aaronheckmanngithub/aheckmann