Writing and Debugging Javascript Code for Beginners

Question

IDE

In a teacher of additional education. This year I decided to recruit a group of Javascript students.
While the work was going on individually, there were no problems. But there was a problem with the group - children make a lot of mistakes in the code and the code does not work. I don't have time to fix ten at once.

What development environment would you recommend, so that the skills could be useful further, but not very "fancy" - to learn programming and algorithms, not the environment. And of course how to organize debugging.

While working in Notepad++

Answer 1

I don’t use IDE, just such a bunch of
Vim / Notepad ++ + Firefox with the FireBug plugin + jslint.com is enough

Answer 2

Try geany for writing. And it’s convenient to test in firefox with the firebug plugin, the web developer plugin is also convenient.

Answer 3

Well, Notepad++ is enough for me, but for debugging Chrome with its console. It should be enough for you too.

Answer 4

Visual studio is probably a very fancy IDE, but you don't need to understand all its features to get started. There is intelligence + syntax error highlighting (with resharper), this will significantly reduce their number. There is a built-in powerful debugger, if an exception occurs, it will immediately transfer from the browser to the place where it occurred, unlike the same firebug, I personally find it very inconvenient compared to the studio's debugger.

Answer 5

Notepad++ is quite powerful and free. jsfiddle.com for very visual debugging up to 20 lines and seeing the impact of frontend components. There is no better environment for students. Although, WebStorm
itself notes errors, like (it is necessary to clarify whether the feature is enabled), and prompts in English, so there will be less work.

Answer 6

Ahem, well, it is not necessary to know the IDE from cover to cover. You can just write code everywhere.
Look at WebStorm , she has a Classroom License too .

Answer 7

There are also Gobby and other representatives of collobrative real-time editors , it will be possible to edit the code from your workplace without distracting the child from programming :)