Your SlideShare is downloading. ×
Code is Cool - Products are Better
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Code is Cool - Products are Better

2,343
views

Published on

JSConf 2011 talk

JSConf 2011 talk

Published in: Technology, Business

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,343
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
22
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Code is Cool - but -Products are Better @aaronheckmann github/aheckmann
  • 2. Why?
  • 3. ` http://wilwheaton.typepad.com/wwdnbackup/images/numbers.png
  • 4. ` http://www.thebrannanblog.net/wp-content/uploads/2011/01/boombox.jpg
  • 5. 4 ½ devs
  • 6. http://farm1.static.flickr.com/199/480091641_3c2d87ddfa.jpg © Warner Bros Pictures
  • 7. ?http://farm1.static.flickr.com/199/480091641_3c2d87ddfa.jpg © Warner Bros Pictures
  • 8. Dont Write Code
  • 9. Not writing code
  • 10. Not writing code http://www.codeproject.com/KB/ajax/sal/ajax.jpg
  • 11. If youre writing ajaxrequests today youreprobably wastingyour time. http://1.bp.blogspot.com/_4ynpbjsnPvk/SYioZdoZokI/AAAAAAAAKTM/HzAZZ3BsBak/s400/oregon-trail-3.jpg
  • 12. Data-Dynamic
  • 13. Data-Dynamic1) event delegation
  • 14. Data-Dynamic1) event delegation <form data-dynamic action=/explore data-validate>
  • 15. Data-Dynamic1) event delegation <form data-dynamic action=/explore data-validate>
  • 16. Data-Dynamic1) event delegation <form data-dynamic action=/explore data-validate> <anything data-dynamic=/wagon>1840s</anything>
  • 17. Data-Dynamic1) event delegation <form data-dynamic action=/explore data-validate> <any data-dynamic=/wagon method=post>1840s</any>
  • 18. Data-Dynamic1) 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>
  • 19. Data-Dynamic1) 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>
  • 20. Data-Dynamic1) event delegation2) Managed JSON Response
  • 21. Data-Dynamic2) Managed JSON Response res.send({ replace: { selector: html } , emit: [eventName, args...] , trigger: [selector, eventName, args...] , popup: html , redirect: url , success: msg , invalid: msg , etc });
  • 22. Data-Dynamic2) Managed JSON Response res.send({ replace: { selector: html } , emit: [eventName, args...] , trigger: [selector, eventName, args...] , popup: html , redirect: url , success: msg , invalid: msg , etc });
  • 23. Data-Dynamic2) Managed JSON Response res.send({ replace: { selector: html } , emit: [eventName, args...] , trigger: [selector, eventName, args...] , popup: html , redirect: url , success: msg , invalid: msg , etc });
  • 24. Data-Dynamic2) Managed JSON Response res.send({ replace: { selector: html } , emit: [eventName, args...] , trigger: [selector, eventName, args...] , popup: html , redirect: url , success: msg , invalid: msg , etc });
  • 25. Data-Dynamic2) Managed JSON Response res.send({ replace: { selector: html } , emit: [eventName, args...] , trigger: [selector, eventName, args...] , popup: html , redirect: url , success: msg , invalid: msg , etc });
  • 26. Data-Dynamic2) Managed JSON Response res.send({ replace: { selector: html } , emit: [eventName, args...] , trigger: [selector, eventName, args...] , popup: html , redirect: url , success: msg , invalid: msg , etc });
  • 27. Not Writing Code http://joyindeutschland.files.wordpress.com/2011/02/oregon_trail_ii_opening.jpg
  • 28. +
  • 29. Get Dysentery
  • 30. $ npm install express-mongoosehttps://github.com/learnboost/express-mongoose
  • 31. http://www.blogcdn.com/www.autoblog.com/media/2008/05/asimo_conducts_dso.jpgInstrumentation
  • 32. global variable leakshttp://www.changetheequation.org/clientuploads/Leaky%20Pipe.jpg
  • 33. Code is Cool - but -Products are Better @aaronheckmann github/aheckmann