I’m no coder but one of my best friends is, so I used her expertise to build this list.
WebStorm has a great code refactoring utility so even new coders can generate tidy code. It can extract variables, move files, auto complete and help with parameters and functions. If you are a more experienced coder, you will find all the advanced tools you need to create some impressive apps and features.
WebStorm is not free and requires a yearly subscription to use.
Cross platform functionality is excellent for collaborative projects while the built-in Package Manager offers the ability to add many pre-built packages or create your own. This is one of the most highly prized features of Atom as it offers huge freedom to configure the IDE to exactly how you want to use it.
Other features of Atom include auto completion, file browser, find and replace, auto-close tags and a useful mini map that shows you your code in an overview. Atom does have a tendency to slow down when working with larger files and apparently has a memory leak which can cause lag when using it. Other than that, it is very highly regarded.
Atom is free to use.
The main benefit of Codepen is the community. It is a very large and active community that offers help, advice and review of code, ideas and more.
Codepen has both a free and a Pro version.
Sublime Text 3
Like Codepen, one of the real highlights of Sublime Text 3 is the community. They not only create plugins for the program, they also help, review and offer all sorts of assistance and discussion topics. These are the sorts of communities that lead you to believe that humanity still has a future.
Sublime Text 3 is free to try but $70 to keep.
NetBeans includes most of the tools and features you would expect including code folding, code formatting, JSON tools, auto-complete for variables, function references, library functions, classes and more so you really can code quickly. Once done, the neat debug and error correct function will point out any errors and even offer hints at where further optimizations can be found.
NetBeans also has a cool Chrome extensions which allows for effective debugging and the ability to edit sources from within the browser. Apparently a very useful tool.
NetBeans is free and open source.
As I mentioned at the top, I am not a coder so I had to lean on a coder friend to help with this piece. While the recommendations are hers, any errors or mistakes are mine!