Advice on a [learning] JavaScript IDE?

[barney]

Folk,

A friend/client of mine has suddenly taken it into mind to learn JavaScript (oi, vey!), and they (man & wife team) have asked for advice on an IDE that would help them.  Told 'em I'd check with some experts of whom I know  .

They asked specifically about a couple of Antechinus products, Code Chameleon and JavaScript Editor, neither of which I've ever used ... the price on Code Chameleon isn't bad, but the price on JavaScript Editor strikes me as rather dear if it is a one (1)-trick pony.

Anyone with experience of either product?  Or perhaps you can recommend something similar?  I don't think they'd cavil at spending less than $100, so mention of a reasonably priced product would not be amiss.

[Renegade]

I can't speak to those, but over the years I've found JS editors to be very very far behind others. They should NOT expect Eclipse or NetBeans or VS quality. From what I've seen, JS editors are primitive.

However, I do hope to learn something from someone with more experience than me there. I would love to see a good JS editor! (I could also certainly use one!)

[barney]

Yeah, that's my thinking as well.  An intelligent JS IDE would certainly be welcome in my tool box  .  Komodo Edit does a fair job, but nowhere near what it does for other languages.  It's a surprise to me that, given AJAX, JQuery, et.al., no one has produced anything truly functional - perhaps a few online editors, but those are seldom convenient - besides which, I ain't found one yet  .

[housetier]

There is Cloud 9 IDE which supposedly is a primary Javascript IDE.

Some of my hacker friends quite like it, I have only looked at it from afar, not actually used it. But it doesn't look too bad at all.

[cranioscopical]

Speaking as a neophyte, I find Jetbrains' PyCharm quite helpful.

[widgewunner]

If they really want to know JavaScript (in the Neo: "I know Kung-Fu!" sense), then the IDE/Editor is of only secondary concern to actually learning the language! There are many good books on JS, but the best one IMHO (if you only get one), is JavaScript the Definitive Guide by David Flanagan. And guess what? There is a brand new edition about to come out! (looks like May) It's going to cover all the new HTML5 hoopla.

Also recommended are:

• DOM Scripting by Jeremy Keith.
  
• JavaScript: The Good Parts by Douglas Crockford.
  
• High Performance JavaScript by Nicholas C. Zakas
  
• Bulletproof Ajax by Jeremy Keith.
  
• JavaScript Patterns by Stoyan Stefanov.
  

I really like Jeremy Keith's work in particular (very clear writing style) and "DOM scripting" is an excellent first book. It is a quick read which covers important best practices including the notions of progressive enhancement and graceful degradation. His follow-up "Bulletproof Ajax" extends these concepts to the world of Ajax as he presents his notion of "Hijax". (i.e. A site should work just fine even when Javascript is turned off.)

Regarding the IDE, I'm no expert, but I just use a plain old text editor (EditPadPro) and debug using Opera's built-in Dragonfly JavaScript debugger (which I prefer over FireBug). And of course, I always keep a copy of "The Definitive Guide" within arms reach!

[barney]

If they really want to know JavaScript (in the Neo: "I know Kung-Fu!" sense), then the IDE/Editor is of only secondary concern to actually learning the language!

-widgewunner (March 29, 2011, 08:43 PM)

There's no gainsaying that, but what they want is a tool to assist them in that endeavor.  JavaScript tends to be overly - to my mind - verbose, and if there's a true debugger for it, I've yet to find it.  Given that, an IDE that can point out possible syntax errors could be of inestimable value. 

'Twould seem, however, that such an IDE has yet to be devised.  Logs help, but they are only truly useful if you already know a language.
 
Logs show an end result, but they tend not to show the interim steps to that result.  A decent, dedicated editor could point out potential errors that would not show up in a server log.  There may be a few online, but online services are seldom satisfactory for such purposes - not everyone can be online when need arises.  (Being able to work on code while on a plane or train has saved my ass more than once.)

Hence the search for an IDE or intelligent editor.  It's not to replace learning the language, it is to enhance the process.

[widgewunner]

Oh yeah, and don't forget about: JSLint by Douglas Crockford.

This free tool is easily integrated into an editor/IDE. (Finds lots of stupid syntax errors.)

[barney]

JSLint has saved me many hours in the past.  (I tend to hose JS's camel spelling, especially since I rarely use JS in my primary endeavors.)  However, it is one of those online tools of which I spoke.  While that is usually acceptable for me, this young couple is on a data-capped connection, so online services are, for the most part, anathema to them.  (JSLint also, the last time I used it, has trouble with included .js files - cannot see a directory structure on a local drive, so it cannot detect the almost inevitable path errors/typos.)

[mwb1100]

it is one of those online tools of which I spoke.  While that is usually acceptable for me, this young couple is on a data-capped connection, so online services are, for the most part, anathema to them.

-barney (March 30, 2011, 10:23 AM)

You can pull JSLint down to run locally: https://github.com/d...glascrockford/JSLint

I'm not sure how easy it would be to set up.

[Edvard]

Well, if you're looking for something that helps you type the stuff out as you go, with code hints and colorized text, etc. then SciTe should fit the bill:
http://www.scintilla.org/SciTE.html
It's got a JavaScript lexer, lots of autocomplete options, and best of all it's free (both ways).
Yes, it's a code editor, not a full IDE, but might be worth a look anyways.

EDIT:
Also, this is the first Google result for "Javascript IDE":
http://www.aptana.com/
Looks rather nice...

And NetBeans does javascript:
http://netbeans.org/features/javascript/

Or how about EditRocket:
http://editrocket.com/

P.S. I know nothing of Javascript, so any of my suggestions is likely to come from the "Oooh, look... Shiny!" camp, with the exception of SciTe.
That one I have actually used for AutoHotKey and Bash scripts, and it works well.

[barney]

Thank you  .  Somehow - why am I not surprised   - I missed that.

There are three GitHub downloads:  jslint, adsafe.js, & json2.js.  Each is contained in a .zip file, with the only common file being named README - that file should be renamed to your preference for each of the .zips.  Apart from renaming the READMEs, everything works from the same directory.  Threw all files into a directory in the dev server on my laptop and it loads just fine.  Take a bit more work to see how well it performs.

[barney]

Hm-m-m ... I remember bad experiences with SciTe a long time back.  Perhaps I should revisit it.

Aptana won't work - they cannot get Eclipse to install on their system - a problem I've had, as well, on various boxes.

NetBeans is another that I'd tried, to no good result, in the past.

EditRocket is totally new to me.

Looks as though my next few hours/days are gonna be busy  :  retry NetBeans & SciTe, check EditRocket  .

Thanks for the references  .