JavaScript Tools (PHPConference 2011, Berlin)
Upcoming SlideShare
Loading in...5
×
 

JavaScript Tools (PHPConference 2011, Berlin)

on

  • 3,134 views

Showing some JavaScript tools

Showing some JavaScript tools

Statistics

Views

Total Views
3,134
Views on SlideShare
3,130
Embed Views
4

Actions

Likes
10
Downloads
55
Comments
0

3 Embeds 4

http://amberjack115.tumblr.com 2
http://us-w1.rockmelt.com 1
https://si0.twimg.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

JavaScript Tools (PHPConference 2011, Berlin) JavaScript Tools (PHPConference 2011, Berlin) Presentation Transcript

  • JavaScript Tools Wolfram Kriesing Co-Founder @wolframkriesingDienstag, 31. Mai 2011
  • 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/ http://developer.yahoo.com/yui/compressor/ http://shrinksafe.dojotoolkit.org/ http://www.crockford.com/javascript/jsmin.html ...Dienstag, 31. Mai 2011
  • 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://140byt.es/ https://github.com/jed/140bytes/wiki/Byte-saving-techniquesDienstag, 31. Mai 2011
  • 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 • automation • selenium like • webdriverDienstag, 31. Mai 2011
  • 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 2011
  • 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
  • ConsoleDienstag, 31. Mai 2011
  • *.toString() • function source • function parameters • even console.log.toString()Dienstag, 31. Mai 2011
  • *.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, ===, ...) • 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
  • 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}, 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
  • alert, console.log • alert hell? use confirm! • numbered console.logDienstag, 31. Mai 2011
  • zeon.jsDienstag, 31. Mai 2011
  • zeon.js DEMODienstag, 31. Mai 2011
  • Thank you Wolfram Kriesing uxebu.comDienstag, 31. Mai 2011