Learning jQuery

No doubt SublimeText, Notepad++ and even webstorm for some, are most dominating editors available in the market, but there are certainly few more JavaScript editors offer myriad of features and functions for easy and hassle free coding.

For this roundup we have chosen some of the Best JavaScript Editors that will allow you to create numerous useful and creative web applications without much efforts. If we have missed some of the editors please let us know by posting a comment below. We would love to hear your feedback.

Enjoy !!

1. CodeLobster

CodeLobster PHP Edition is a free portable handy editor (IDE) primarily intended for creating and editing PHP, HTML, CSS, JavaScript files with support Drupal CMS, Joomla CMS, Smarty template engine, Twig, JQuery library, CodeIgniter framework, CakePHP framework, Symfony framework, Laravel framework, Phalcon framework, Yii framework and WordPress blogging platform. It includes debugger, dynamic help, advanced autocomplete and HTML/CSS inspector (like FireBug has).

2. Webstrom

WebStorm is a lightweight yet powerful IDE, perfectly equipped for complex client-side development and server-side development with Node.js. WebStorm’s smart code editor provides first-class support for JavaScript, Node.js, HTML and CSS, as well as their modern successors. WebStorm works on Windows, Mac OS or Linux with a single license key.

3. Brackets

Brackets is an open source code editor (IDE), built by Adobe, which iscreated with only client-side web technologies like HTML-CSS and JavaScript. The editor focuses on simplicity and, rather than too many panels, the quick-edit UI is the main thing. A “live development” feature syncs a browser with the editor and displays any changes instantly.

4. JS Nice

JS Nice makes even obfuscated JavaScript code readable. It is a new kind of statistical de-obfuscation and de-minification engine for JavaScript. Given a JavaScript program, JSNice automatically suggests new likely identifier names and types. JSNice uses advanced machine learning and program analysis techniques to learn name and type regularities from large amounts of available open source projects.

5.JS Hint

JSHint is a community-driven tool to detect errors and potential problems in JavaScript code and to enforce your team's coding conventions. It is very flexible so you can easily adjust it to your particular coding guidelines and the environment you expect your code to execute in. JSHint is open source and will always stay this way.

6. Js Bin

JS Bin is a webapp specifically designed to help JavaScript and CSS folk test snippets of code, within some context, and debug the code collaboratively. JS Bin allows you to edit and test JavaScript and HTML. Once you’re happy you can save, and send the URL to a peer for review or help. They can then make further changes saving anew if required.

7. Kinetic Wing

KineticWing is a free IDE that is lightweight, portable and works on all major operating systems (Mac support is mentioned to be coming soon). It is not a complicated IDE but more like a smart text editor with modern features. These features include support for Sass or Less (with built-in compiler), HTML5-CSS3 or CoffeeScript.

8. Code Mirror

CodeMirror is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with a number of language modes and addonsthat implement more advanced editing functionality.

9. Ace

ce is an embeddable code editor written in JavaScript. It matches the features and performance of native editors such as Sublime, Vim and TextMate. It can be easily embedded in any web page and JavaScript application. Ace is maintained as the primary editor for Cloud9 IDE and is the successor of the Mozilla Skywriter (Bespin) project.

10. Net Beans

NetBeans IDE lets you quickly and easily develop Java desktop, mobile, and web applications, as well as HTML5 applications with HTML, JavaScript, and CSS. The IDE also provides a great set of tools for PHP and C/C++ developers. It is free and open source and has a large community of users and developers around the world.

11. Cloud 9

Cloud9 IDE is an open source application that aims to provide a powerful and focused IDE for JavaScript developers. It is powered by the Ajax.org platform + makes use of HTML5, node.js, socket.io and many other projects. The application has a pretty fast text editor with bundled syntax highlighting support for JS, HTML, CSS and mixed modes.

12. Komodo Edit

Komodo Edit is a free source code editor for JavaScript and other popular languages like Ruby, Tcl, PHP, Perl etc. Komodo Edit is available for Windows, Linux and Mac OS X. Komodo Edit has features like syntax coloring, syntax checking, Vi emulation, auto complete etc.

13. JS Fiddle

jsFiddle is a shell editor that eases writing JavaScript code by creating a custom environment based on popular JS frameworks. You can select the framework & the version of your choice (MooTools, jQuery, Dojo, Prototype, YUI, Glow,Vanilla). Also, if there is, you can add a complimentary framework like jQuery UI or MooTools More A great feature is the ability to save & share the code created with a unique URL generated. Optionally, jsFiddle has an embedding feature too.

14. Sublime Text

This is one of the most popular code editor, but it’s not entirely free: You can download and try it for free, but it will cost you $70 to continue using it, a price plenty of developers are willing to pay because of how useful and awesome it is.

15. Codepen

CodePen is a playground for the front end side of the web. It’s all about inspiration, education, and sharing. The service highlights popular demonstrations (“Pens”) and offers advanced functionality such as sharing and embedding. Need to build a reduced test case to demonstrate and figure out a bug? CodePen is great for that.

16. Eclipse

Eclipse is a free, state-of-the-art Java development environment (there are also JS, PHP and C/C++ versions). It has a very active community and many open source plugins + developer tools built around the ecosystem.

17. Koding

It offers some nice collaboration tools along the way. It’s definitely one of the nicest development environments I’ve seen, as far as the style goes. You’re given a free virtual machine when you signup, to aid you with your development journey

18. Scripted

Scripted is a fast and lightweight code editor with an initial focus on JavaScript editing. Scripted is a browser based editor and the editor itself is served from a locally running Node.js server instance.

19. Codio

The free version is limited to open projects only, the premium is priced at $12 per month. You can check out some open-source projects run by Codio on this page.

20. Notepad++

Notepad++ is an advanced free text editor and a must-have for every developer using Windows. It has syntax highlighters for every popular scripting language and it is usually a perfect fit for a 2nd IDE, for small updates or simpler codes (however, there are many developers who only use it).