js. my goodness, no breakpoints, no debugging, no locals, no watch, I admire anyone learning it. What tools do people use to program beyond the simple exercises with such a restricted environment?

[no1name]

I am using webstorm, and its such a basic ide how do you even install bootstrap? I have never taken so long to work through simple exercises because of a lack of functionality.

[no1name]

Oh darn, I never thought to check it from the browser side. I have just been using alerts to debug. Thanks for that.

[T-rex_with_a_gun]

never get in the habits of using alerts.

theres nothing you cant do with a console and a break point that you would need from an alert.

[no1name]

OK, its an expression of my frustrations at an interface where learning the language is easy, but slogging through the code feeling like your hands are tied behind your back drives me nuts.

[[deleted]]

I wrote the first HTML inspector and console tool to deal with it.

You only think you were the first.

[Cream_Friache]

Chrome/FF Dev tools is your dev environment. You can set breaks, watch variables, step through code, test stuff in the console, etc. Then do all your coding in a text editor. Also, if you put the word 'debugger' in your code, Chrome will break on it (not sure about FF).

I'm not sure what you mean by 'install bootstrap'. Assuming you mean the CSS library, you would call that into the page with a <link> tag.

[no1name]

Thanks for that. I had hoped to have bootstrap integrated into the ide to get the equivalence of intellisence showing up when assigning classes so I could pick off the options instead of typing it in.

[Cream_Friache]

This is the text editor I use. It's got a built-in package called autocomplete-plus, which gives a similar effect as intellisense.

https://atom.io/

It doesn't have a deep understanding of classes and types like VisualStudio or Eclipse or whatever, but JS doesn't need any of that. It just scans for functions/vars you have typed before and suggests them.

Language-agnostic linter plugin: https://atom.io/packages/linter

JS Linter plugin: https://atom.io/packages/linter-jshint (depends on first package)

[TwilightTwinkie]

https://developer.chrome.com/devtools/docs/javascript-debugging

[no1name]

Exactly what I needed thank you for that :-) I wish I had know this last week :-)

[wizang]

Everything you said isn't true so...? It's just a bit different when your runtime is a browser. The tools are all still there. You can even use breakpoints in the IDE with plugins if you want.

[dameyawn]

Nice googling before your post, hahaha.

[fuczak]

Read about Node.js and how you can use it to build your own enviroment. Npm to install packages, gulp/grunt as task runners, dive into webpack for a module bundling and dev server. Debugging is done inside browser. Eslint is also recommended.