58-mal heruntergeladen
JavaScript Tools (PHPConference 2011, Berlin)
- 1. JavaScript Tools Wolfram Kriesing Co-Founder @wolframkriesing Dienstag, 31. Mai 2011
- 2. We open themobile web. Dienstag, 31. Mai 2011
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11. Ping Response Time on mobile!? Dienstag, 31. Mai 2011
- 12.
- 13.
- 14.
- 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. Compare http://compressorrater.thruhere.net/ Dienstag, 31. Mai 2011
- 17.
- 18.
- 19. Think different! Dienstag, 31.Mai 2011
- 20. 140Bytes By Jed Schmidt http://140byt.es/ https://github.com/jed/140bytes/wiki/Byte-saving-techniques Dienstag, 31. Mai 2011
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29. http://dojodocs.uxebu.com/ https://github.com/wolframkriesing/dools Dienstag, 31. Mai 2011
- 30.
- 31.
- 32.
- 33. Testing • unit testing • synch • asynch • automation • selenium like • webdriver Dienstag, 31. Mai 2011
- 34.
- 35. Jasmine http://pivotal.github.com/jasmine/ Dienstag, 31. Mai 2011
- 36.
- 37.
- 38.
- 39.
- 40. Inspector FireBug Dienstag, 31. Mai 2011
- 41. • console • debugger • resource panel • ... Dienstag, 31. Mai 2011
- 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.html Dienstag, 31. Mai 2011
- 43.
- 44. *.toString() • function source • function parameters • even console.log.toString() Dienstag, 31. Mai 2011
- 45.
- 46. Fix in Place Dienstag,31. Mai 2011
- 47. Stacktrace http://eriwen.com/javascript/js-stack-trace/ Dienstag, 31. Mai 2011
- 48.
- 49. WebKit Inspector Remote DEMO Dienstag, 31. Mai 2011
- 50.
- 51.
- 52. Profiler DEMO sortdemo Dienstag, 31. Mai 2011
- 53.
- 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.
- 56. Comment out Dienstag, 31.Mai 2011
- 57. Comment out Dienstag, 31.Mai 2011
- 58.
- 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. alert, console.log • alert hell? use confirm! • numbered console.log Dienstag, 31. Mai 2011
- 61.
- 62. zeon.js DEMO Dienstag, 31. Mai 2011
- 63. Thank you Wolfram Kriesing uxebu.com Dienstag, 31. Mai 2011