JavaScript Tools (PHPConference 2011, Berlin)

3.275 Aufrufe

Veröffentlicht am

Showing some JavaScript tools

Veröffentlicht in: Technologie
0 Kommentare
10 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
3.275
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
7
Aktionen
Geteilt
0
Downloads
58
Kommentare
0
Gefällt mir
10
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

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

×