JavaScript - Tools

javascript

http://jsbeautifier.org/
jsbin
http://jsfiddle.net/
http://liveweave.com/
http://www.javascriptlint.com/online_lint.php
http://jsperf.com/

Build Tools:
https://pin.gy/cli/
https://medium.com/@ericsimons/introducing-turbo-5x-faster-than-yarn-npm-and-runs-natively-in-browser-cc2c39715403
https://dzone.com/articles/javascript-build-tools-and-automation-systems-to-u
https://github.com/css/csso - CSS optimizer

https://x-team.com/blog/user-experience-threejs/

https://furbo.org/2021/08/25/jsc-my-new-best-friend/
https://earthly.dev/blog/jq-select/

https://flowtype.org/
http://www.sitepoint.com/comparison-javascript-linting-tools
Combine and minify tools
Documentation tools
IDEs
Static analysis tools
Flow diagram tools
Transpilers / Compilers

http://www.sitepoint.com/add-a-web-console-to-your-toolbox-part-1/
http://www.sitepoint.com/add-a-web-console-to-your-toolbox-part-2
http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-using-jslint/
http://net.tutsplus.com/tutorials/javascript-ajax/meet-crockfords-jsdev/
http://net.tutsplus.com/tutorials/javascript-ajax/meet-crockford’s-jscheck/
http://coding.smashingmagazine.com/2012/06/12/javascript-profiling-chrome-developer-tools/
http://imageweb.zoo.ox.ac.uk/wiki/index.php/Javascript_Development_Tools
http://net.tutsplus.com/tutorials/tools-and-tips/quick-tip-automation-with-git-hooks
http://www.sitepoint.com/6-useful-html5-tools/
http://www.javaworld.com/article/2078505/mobile-java/beyond-jquery--javascript-tools-for-the-html5-generation.html
http://www.wait-till-i.com/2010/09/01/building-with-javascript-write-less-by-using-the-right-tools/

asana:
http://blog.asana.com/2010/10/adding-fibers-to-v8-efficiency-clarity-in-ssjs/
http://blog.asana.com/2012/09/on-last-weeks-downtime/
http://blog.asana.com/2012/06/issues-moving-to-amazon%E2%80%99s-elastic-load-balancer/
http://blog.asana.com/2011/07/reactivity-sync-and-cosimulation-a-tech-talk-by-kris-rasmussen/
http://blog.asana.com/2011/04/using-flags-to-ease-new-feature-development/

How to build and install JavaScript Shell?

If you are using Linux, check with your favorite distro package manager. Search for SpiderMonkey or JS. The official build instruction is here.

How can I use JS shell to do syntax checking?

js -C -f filename.js

How can we do a syntax check on a JavaScript file?

For javascript, you need to follow instruction from http://developer.mozilla.org/en/docs/Introduction_to_the_JavaScript_shell#Getting_and_building_the_JavaScript_shell to install the SpiderMonkey JavaScript Shell and

alias jscheck='/home/khai/jsshell/mozilla/js/src/Linux_All_DBG.OBJ/js -C -f'
jscheck filename.js

If you are using Fedora, you can install the js-1.8.5-7.fc16.x86_64 package ( use yum to search for SpiderMonkey and install appropriate package), and then:

alias jscheck='/usr/bin/js -C -f'
jscheck filename.js

Put the alias file into your .bash_profile

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License