Your SlideShare is downloading. ×
0
JavaScript tools
JavaScript tools
JavaScript tools
JavaScript tools
JavaScript tools
JavaScript tools
JavaScript tools
JavaScript tools
JavaScript tools
JavaScript tools
JavaScript tools
JavaScript tools
JavaScript tools
JavaScript tools
JavaScript tools
JavaScript tools
JavaScript tools
JavaScript tools
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

JavaScript tools

247

Published on

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, …

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.

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

  • Be the first to like this

No Downloads
Views
Total Views
247
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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. JSLintVerify 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

×