This presentation goes through the most popular JavaScript tools on the different browsers (Internet Explorer, Firefox, Safari and Chrome). It goes through popular JavaScript debugging tools, JavaScript verification tool (JSLint), and finally JavaScript minification tools.

1. JavaScript Tools
HAZEM SALEH

2. Outline
 JavaScript Debugging Tools
 Google Chrome Developer Tools.
 Safari Development Tools.
 Firebug for Firefox.
 IE Developer Tools.
 JavaScript Code Verification Tools
 JSLint.
 JavaScript Code Minification Tools
 YUI Compressor.
 Dojo ShrinkSafe

3. JavaScript Debugging Tools

4. Google Chrome Developer Tools

5. Google Chrome Developer Tools

6. Safari Development Tools

7. Safari Development Tools

8. Firebug for Firefox

9. Firebug for Firefox

10. IE Developer Tools

11. IE Developer Tools

12. JavaScript Code Verification
Tools

13. JSLint
Verify your JavaScript code on:
http://www.jslint.com

14. JavaScript Code Minification
Tools

15. JavaScript Code Minification Tools
 Compressing JavaScript code is one of the most
important things to consider in order to have better
JavaScript performance.
 Some popular web sites declared that their users
have empty browser caches, this is why this is
important to be considered.
 Yahoo! Declared that around 40% to 60% of Yahoo!'s users
have an empty cache experience.
 Many ready made tools can perform JavaScript code
minification, however, the most popular two are for
YUI and Dojo.

16. YUI Compressor
 Download the yuicompressor-x.y.z.jar from:
 https://github.com/yui/yuicompressor/downloads
 Run the compressor from the CLI:
 java -jar yuicompressor-2.4.7.jar file1.js -o file1-min.js --
charset utf-8
 file1.js refers to the JavaScript file to be compressed.
 -o file1-min.js means output the compressed content to
file1-min.js.
 --charset utf-8 for UTF-8 handling.

17. Dojo ShrinkSafe
 Download the dojo-release-x.y.z-shrinksafe.zip
from:
 http://download.dojotoolkit.org/current-stable/
 Run the compressor from the CLI:
 java -jar -Dfile.encoding=UTF8 shrinksafe.jar file1.js >
file1-min.js
 file1.js refers to the JavaScript file to be compressed.
 > file1-min.js means output the compressed data to
file1-min.js file.
 -Dfile.encoding=UTF8 for UTF-8 handling.

18. Questions