Downloaded 48 times
![["00300_car",
"00060_bike",
"00200_motorbike",
...]
[300, 60, 200, ...].sort()
Montag, 16. November 2009](https://image.slidesharecdn.com/functionaljavascript-webtechcon1-091116071631-phpapp02/85/Functional-Java-Script-Webtechcon-2009-28-320.jpg)
More Related Content
Similar to Functional Java Script - Webtechcon 2009
Functional Java Script - Webtechcon 2009
- 1. Functional JavaScript Practical Tips, Tricks and Experiences @wolframkriesing @uxebu Montag, 16. November 2009
- 2.
- 3. JavaScript Usability AJAX Browser mobile django widgets FrontEnd dojo OpenSource Web2.0 CSS UserExperience Montag, 16. November 2009
- 4. What is Functional Programming? Montag, 16. November 2009
- 5.
- 6. treats computation asthe evaluation of mathematical functions avoids state and mutable data output value of a function depends only on the input Montag, 16. November 2009
- 7. avoids state andmutable data Montag, 16. November 2009
- 8. output value ofa function depends only on the input Montag, 16. November 2009
- 9. What is it? • programming style functions, closures, arguments, scope • mathemetics • stay focused • practical, pragmatic • functions create scope! Montag, 16. November 2009
- 10. Another Perspective nums.slice(0,3) take 3 nums Montag, 16. November 2009
- 11. Demo sum.html http://static.uxebu.com/~cain/functional-examples/sum.html Montag, 16. November 2009
- 12. Function creates scope what else can? Montag, 16. November 2009
- 13. •(function(){})() • create scope •(function(d){...})(dojo) • reduce side effects • prototype overriding can screw you! Montag, 16. November 2009
- 14. •(function(d){...})(dojo) • reduce side effects • prototype overriding can screw you! • function returning a function • apply/call allow to pass context • closures Montag, 16. November 2009
- 15. Demo create-scope.html http://static.uxebu.com/~cain/functional-examples/create-scope.html Montag, 16. November 2009
- 16.
- 17.
- 18. Are you lazy! Montag,16. November 2009
- 19. You like tobe? Montag, 16. November 2009
- 20. Be lazy! Montag, 16.November 2009
- 21. Lazy JavaScript... Montag, 16.November 2009
- 22.
- 23. Demo lazy.html http://static.uxebu.com/~cain/functional-examples/lazy.html Montag, 16. November 2009
- 24. Demo hitch.html http://static.uxebu.com/~cain/functional-examples/hitch.html Montag, 16. November 2009
- 25. Use side effects Montag,16. November 2009
- 26. Use side effects Montag,16. November 2009
- 27.
- 28. ["00300_car", "00060_bike", "00200_motorbike", ...] [300, 60, 200, ...].sort() Montag, 16. November 2009
- 29.
- 30.
- 31. Demo dojox.lang.functional.lambda Montag, 16. November 2009
- 32. Used where? • AJAX • jQuery, dojo, YUI, etc. • $.each, $.map, ... • $("div").css("color", "red") • dojo.hitch() • etc. Montag, 16. November 2009
- 33. Pros + Cons • reduces cost • simplify problems • speed? • seperate concerns think different • • confidence++ • learn when to use it • testability • it's optional Montag, 16. November 2009
- 34. thx, Q&A @wolframkriesing @uxebu Montag, 16. November 2009