0
JavaScript                           Tools                           Wolfram Kriesing                             Co-Found...
We open the mobile web.Dienstag, 31. Mai 2011
http://www.flickr.com/photos/andresrueda/2276197032/Dienstag, 31. Mai 2011
http://www.flickr.com/photos/cmoi/760513848/Dienstag, 31. Mai 2011
EditorsDienstag, 31. Mai 2011
WebStormDienstag, 31. Mai 2011
KomodoDienstag, 31. Mai 2011
Cloud9Dienstag, 31. Mai 2011
Dienstag, 31. Mai 2011
MinifiersDienstag, 31. Mai 2011
Ping Response Time                            on mobile!?Dienstag, 31. Mai 2011
Dienstag, 31. Mai 2011
Dienstag, 31. Mai 2011
Dienstag, 31. Mai 2011
http://code.google.com/intl/de-DE/closure/compiler/                         https://github.com/mishoo/UglifyJS/           ...
Compare                         http://compressorrater.thruhere.net/Dienstag, 31. Mai 2011
Dienstag, 31. Mai 2011
http://closure-compiler.appspot.com/homeDienstag, 31. Mai 2011
Think different!Dienstag, 31. Mai 2011
140Bytes                                           By Jed Schmidt                                              http://140b...
Dienstag, 31. Mai 2011
Dienstag, 31. Mai 2011
Dienstag, 31. Mai 2011
Dienstag, 31. Mai 2011
Dienstag, 31. Mai 2011
Dienstag, 31. Mai 2011
DocToolsDienstag, 31. Mai 2011
https://github.com/micmath/jsdoc/Dienstag, 31. Mai 2011
http://dojodocs.uxebu.com/                         https://github.com/wolframkriesing/doolsDienstag, 31. Mai 2011
http://embedjs.org/apidocs/dools/app/apidoc/embedjs/Dienstag, 31. Mai 2011
Dienstag, 31. Mai 2011
TestingDienstag, 31. Mai 2011
Testing                     • unit testing                       • synch                       • asynch                   ...
http://en.wikipedia.org/wiki/List_of_unit_testing_frameworks#JavaScriptDienstag, 31. Mai 2011
Jasmine                         http://pivotal.github.com/jasmine/Dienstag, 31. Mai 2011
Dienstag, 31. Mai 2011
Dienstag, 31. Mai 2011
Dienstag, 31. Mai 2011
DocTestsDienstag, 31. Mai 2011
Inspector                          FireBugDienstag, 31. Mai 2011
• console                     • debugger                     • resource panel                     • ...Dienstag, 31. Mai 2...
Firebug/Inspector                     • has keyboard shortcuts! but not ctrl+r                       ctrl+a, ctrl+e, up, d...
ConsoleDienstag, 31. Mai 2011
*.toString()                     • function source                     • function parameters                     • even co...
*.toString()Dienstag, 31. Mai 2011
Fix in PlaceDienstag, 31. Mai 2011
Stacktrace                         http://eriwen.com/javascript/js-stack-trace/Dienstag, 31. Mai 2011
Dienstag, 31. Mai 2011
WebKit Inspector                            Remote                               DEMODienstag, 31. Mai 2011
AnalyzersDienstag, 31. Mai 2011
Dienstag, 31. Mai 2011
Profiler                           DEMO                           sortdemoDienstag, 31. Mai 2011
JSLintDienstag, 31. Mai 2011
JSLint                     • finds IE traps (trailing comma)                     • gives JS insight (parseInt, ===, ...)  ...
TipsDienstag, 31. Mai 2011
Comment outDienstag, 31. Mai 2011
Comment outDienstag, 31. Mai 2011
TemplateDienstag, 31. Mai 2011
Try it first (1)               d.query("h2")                   .style({color:"red"})                   .anim({left:300}, 5...
alert, console.log                     • alert hell? use confirm!                     • numbered console.logDienstag, 31. ...
zeon.jsDienstag, 31. Mai 2011
zeon.js                          DEMODienstag, 31. Mai 2011
Thank you                          Wolfram Kriesing                            uxebu.comDienstag, 31. Mai 2011
Upcoming SlideShare
Loading in...5
×

JavaScript Tools (PHPConference 2011, Berlin)

2,825

Published on

Showing some JavaScript tools

Published in: Technology
0 Comments
10 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,825
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
57
Comments
0
Likes
10
Embeds 0
No embeds

No notes for slide

Transcript of "JavaScript Tools (PHPConference 2011, Berlin)"

  1. 1. JavaScript Tools Wolfram Kriesing Co-Founder @wolframkriesingDienstag, 31. Mai 2011
  2. 2. We open the mobile web.Dienstag, 31. Mai 2011
  3. 3. http://www.flickr.com/photos/andresrueda/2276197032/Dienstag, 31. Mai 2011
  4. 4. http://www.flickr.com/photos/cmoi/760513848/Dienstag, 31. Mai 2011
  5. 5. EditorsDienstag, 31. Mai 2011
  6. 6. WebStormDienstag, 31. Mai 2011
  7. 7. KomodoDienstag, 31. Mai 2011
  8. 8. Cloud9Dienstag, 31. Mai 2011
  9. 9. Dienstag, 31. Mai 2011
  10. 10. MinifiersDienstag, 31. Mai 2011
  11. 11. Ping Response Time on mobile!?Dienstag, 31. Mai 2011
  12. 12. Dienstag, 31. Mai 2011
  13. 13. Dienstag, 31. Mai 2011
  14. 14. Dienstag, 31. Mai 2011
  15. 15. http://code.google.com/intl/de-DE/closure/compiler/ https://github.com/mishoo/UglifyJS/ http://developer.yahoo.com/yui/compressor/ http://shrinksafe.dojotoolkit.org/ http://www.crockford.com/javascript/jsmin.html ...Dienstag, 31. Mai 2011
  16. 16. Compare http://compressorrater.thruhere.net/Dienstag, 31. Mai 2011
  17. 17. Dienstag, 31. Mai 2011
  18. 18. http://closure-compiler.appspot.com/homeDienstag, 31. Mai 2011
  19. 19. Think different!Dienstag, 31. Mai 2011
  20. 20. 140Bytes By Jed Schmidt http://140byt.es/ https://github.com/jed/140bytes/wiki/Byte-saving-techniquesDienstag, 31. Mai 2011
  21. 21. Dienstag, 31. Mai 2011
  22. 22. Dienstag, 31. Mai 2011
  23. 23. Dienstag, 31. Mai 2011
  24. 24. Dienstag, 31. Mai 2011
  25. 25. Dienstag, 31. Mai 2011
  26. 26. Dienstag, 31. Mai 2011
  27. 27. DocToolsDienstag, 31. Mai 2011
  28. 28. https://github.com/micmath/jsdoc/Dienstag, 31. Mai 2011
  29. 29. http://dojodocs.uxebu.com/ https://github.com/wolframkriesing/doolsDienstag, 31. Mai 2011
  30. 30. http://embedjs.org/apidocs/dools/app/apidoc/embedjs/Dienstag, 31. Mai 2011
  31. 31. Dienstag, 31. Mai 2011
  32. 32. TestingDienstag, 31. Mai 2011
  33. 33. Testing • unit testing • synch • asynch • automation • selenium like • webdriverDienstag, 31. Mai 2011
  34. 34. http://en.wikipedia.org/wiki/List_of_unit_testing_frameworks#JavaScriptDienstag, 31. Mai 2011
  35. 35. Jasmine http://pivotal.github.com/jasmine/Dienstag, 31. Mai 2011
  36. 36. Dienstag, 31. Mai 2011
  37. 37. Dienstag, 31. Mai 2011
  38. 38. Dienstag, 31. Mai 2011
  39. 39. DocTestsDienstag, 31. Mai 2011
  40. 40. Inspector FireBugDienstag, 31. Mai 2011
  41. 41. • console • debugger • resource panel • ...Dienstag, 31. Mai 2011
  42. 42. Firebug/Inspector • has keyboard shortcuts! but not ctrl+r ctrl+a, ctrl+e, up, down, tab, shift+tab, • console.log("See this %s", var, obj, array) • monitorEvents($("id")) • profile(1), profileEnd(1) http://getfirebug.com/console.html http://getfirebug.com/commandline.html http://getfirebug.com/keyboard.htmlDienstag, 31. Mai 2011
  43. 43. ConsoleDienstag, 31. Mai 2011
  44. 44. *.toString() • function source • function parameters • even console.log.toString()Dienstag, 31. Mai 2011
  45. 45. *.toString()Dienstag, 31. Mai 2011
  46. 46. Fix in PlaceDienstag, 31. Mai 2011
  47. 47. Stacktrace http://eriwen.com/javascript/js-stack-trace/Dienstag, 31. Mai 2011
  48. 48. Dienstag, 31. Mai 2011
  49. 49. WebKit Inspector Remote DEMODienstag, 31. Mai 2011
  50. 50. AnalyzersDienstag, 31. Mai 2011
  51. 51. Dienstag, 31. Mai 2011
  52. 52. Profiler DEMO sortdemoDienstag, 31. Mai 2011
  53. 53. JSLintDienstag, 31. Mai 2011
  54. 54. JSLint • finds IE traps (trailing comma) • gives JS insight (parseInt, ===, ...) • understand type coercion • finds missing var statements • undefined vars, typos (myVar vs. myvar) http://jslint.com http://wolfram.kriesing.de/blog/index.php/2007/understanding-jslint-output http://www.danhulton.com/blog/2008/01/16/integrate-js-lint-into-komodo-edit/Dienstag, 31. Mai 2011
  55. 55. TipsDienstag, 31. Mai 2011
  56. 56. Comment outDienstag, 31. Mai 2011
  57. 57. Comment outDienstag, 31. Mai 2011
  58. 58. TemplateDienstag, 31. Mai 2011
  59. 59. Try it first (1) d.query("h2") .style({color:"red"}) .anim({left:300}, 500) Are you sure this works? NO d.query("h2") .style({position:"absolute", color:"red"}) .anim({left:300}, 500) save one reload!Dienstag, 31. Mai 2011
  60. 60. alert, console.log • alert hell? use confirm! • numbered console.logDienstag, 31. Mai 2011
  61. 61. zeon.jsDienstag, 31. Mai 2011
  62. 62. zeon.js DEMODienstag, 31. Mai 2011
  63. 63. Thank you Wolfram Kriesing uxebu.comDienstag, 31. Mai 2011
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×