Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Code is Cool - Products are Better

3,446 views

Published on

JSConf 2011 talk

Published in: Technology, Business
  • Be the first to comment

Code is Cool - Products are Better

  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

×