Answers.Body: <p>I go for simple. This year we used either an online editor or the free version of JCreator specifically because they don't have autocomplete. </p>
  
  <p>What I noticed last year using NetBeans is that students become dependent on autocomplete. When writing code on paper - I teach mostly AP CompSci so paper is necessary - kids would struggle to remember method names and what parameters go where. They were so used to just typing a dot and having everything pop up. </p>
  
  <p>This year switching to a simpler editor has made a huge difference. Free response questions were almost universally stronger.</p>
  
  <p>I've thought about going for Notepad++ next year, although there doesn't seem an easy way to link it to the JDK. </p>
  
  <p>Once they make it through the first year I don't care what IDE they use. I demo in NetBeans because it's what I'm used to. But I've got students using IntelliJ, Eclipse, NetBeans, or pretty much whatever they want to use. </p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-06-15T06:33:16.887Z
Answers.Text: To link Notepad++ to the JDK, if I understand things, check out [Using Notepad++ to compile Java code](https://stackoverflow.com/q/4314027/7412956) on Stack Overflow. It references one post, but another good-lucking one is [Compile Java Code Directly in Notepad++](https://www.willnwish.com/complie-java-code-directly-notepad/).
Answers.UserDisplayName: Gypsy Spellweaver
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-05-23T16:24:02.713Z
Answers.LastActivityDate: 2017-05-23T16:24:02.713Z
Answers.UserDisplayName: Ryan Nutt
Answers.Body: <p>I don't think the tool (or learning the tool) should get in the way of learning the initial core of the subject.  </p>
  
  <p>If students are already comfortable with NotePad (or TextEdit, et.al.), why add to their cognitive load (7+-2) and the number of steps needed in getting their first few lines of Javascript running?</p>
  
  <p>The IDE can come later, when the code no longer fits a small text window.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-05-23T18:36:26.203Z
Answers.Text: Simple is good, but NotePad is far too extreme. Its never too early to stop using Notepad.
Answers.UserDisplayName: Sean Houlihane
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-05-23T16:13:24.090Z
Answers.LastActivityDate: 2017-06-15T16:19:05.007Z
Answers.LastEditDate: 2017-06-15T16:19:05.007Z
Answers.UserDisplayName: hotpaw2
Answers.Body: <p>You are correct in considering Sublime text, or atom text editor as they are light weight and more importantly will be hassle free for school kids. </p>
  
  <p>But one should also keep in mind considering school kids IDEs are too much to learn or get to know how to work on it therefore at these initial stages text-editors like said above and VScode which at least for web-development gives very good support and should be enough for their useage. </p>
  
  <p>But I would highly recommend have a look at <a href="https://code.visualstudio.com/" rel="nofollow noreferrer">Visual studio code</a> It's the best light weight text editor/ IDE developed by Microsoft. </p>
  
  <p><strong>Some of the features in VS code:</strong></p>
  
  <ol>
  <li><p>It has IntelliSense which will help kids to autocomplete code thus for them writing code for them wont be like mugging up syntax and will also highlight error if there are any.</p></li>
  <li><p>It's free so you wont need to buy any licenses </p></li>
  <li><p>It's lightweight text editor like IDE wont hog up CPU resources unlike Atom </p></li>
  <li><p>Comes with lots of plugins with which you can for example : <a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag" rel="nofollow noreferrer">autotag</a> which Automatically add HTML/XML close tag.</p></li>
  <li><p>It comes with integrated terminal from which you can directly check your created website and there are plenty of plugins as well which will auto-refresh that as well as you make code changes in your file.</p></li>
  <li><p>Though I suppose school kids wont need it but its good to give them some introduction to git how to commit/push and make changes to repos online which will lay strong foundation in them for open source as well. </p></li>
  </ol>
  
  <p>I am not saying others are bad or anything else it's just Sublime text is paid software though you can use unregistered version but it annoy you will its pop-up to buy license.</p>
  
  <p>Atom is my second choice after VScode.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-05-23T16:17:55.817Z
Answers.LastActivityDate: 2017-05-23T16:17:55.817Z
Answers.UserDisplayName: warl0ck
Answers.Body: <p>The answer can be very broad because of personal taste :) But you may want to check <a href="https://www.visualstudio.com/" rel="nofollow noreferrer">MS Visual Studio IDE</a> which you can "minimize" for the purpose of education. And then extend if step by step.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-05-23T16:36:34.123Z
Answers.Text: @Adam, maybe you can check here: https://www.visualstudio.com/free-developer-offers/
Answers.UserDisplayName: Romeo Ninov
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-05-23T16:11:26.130Z
Answers.LastActivityDate: 2017-07-24T11:51:33.833Z
Answers.LastEditDate: 2017-07-24T11:51:33.833Z
Answers.UserDisplayName: Romeo Ninov
Answers.Body: <p>The IT knowledge highly varies, even among small kids. I'd say give them something simple like Notepad++ or EditPlus or Atom for reasons mentioned in <a href="/a/48/">@thesecretmaster's answer</a>, but those 2-3 geeks who are already experimenting with programming should be allowed to use a more complex, professional IDE. You just need to install and agree with the class before getting started on who uses what.</p>
  <p>Also, consider allowing them (later, after learning the basics!) to use <strong>WYSIWYG</strong> editors. I'm surprised nobody mentioned that here. Most of those kids will not end up as programmers, they will never in their life will write HTML code ever again. But they still might need to be able to edit a WordPress page or manage their company blog later in their life.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2017-05-24T10:19:36.757Z
Answers.LastActivityDate: 2020-08-22T13:36:06.800Z
Answers.LastEditDate: 2020-08-22T13:36:06.800Z
Answers.UserDisplayName: vacip
Answers.Body: <p>I highly recommend <a href="https://www.codelobster.com" rel="nofollow noreferrer">Codelobster IDE</a></p>
  <p>It includes great HTML/CSS/JS autocomlete and context help</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2023-01-10T13:17:00.137Z
Answers.LastActivityDate: 2023-01-10T13:17:00.137Z
Answers.UserDisplayName: Stas Ustimenko
Answers.Body: <p>I find that the best introductory IDE is a lack thereof because, for the most part, the features that an IDE offers (code completion, organization, etc.) are more hurt than help and tend to promote completely unrelated questions, for example, "What is this dropdown under the word I just typed" and other questions about IDE function rather than language functions. Generally IDEs are a distraction to beginners.</p>
  
  <p>I would use a text editor with syntax highlighting such as sublime text, but nothing with too much many extra features. You certainly don't need a full fledged IDE.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-05-23T16:16:50.227Z
Answers.Text: +1: A simpler "IDE", such as Notepad++, gives you enough help while forcing you to learn
Answers.UserDisplayName: AlG
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-05-25T02:09:43.347Z
Answers.Text: @Adam I'm not suggesting that IDEs be blocked entirely, but that as a teacher, you use a simpler code editor. Students can use what they prefer, because everyone has different editor preferences, but set the example of keeping it simple.
Answers.UserDisplayName: thesecretmaster
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-05-25T23:23:31.433Z
Answers.Text: I disagree. One can write, for example, ruby professionally (e.g. the creator of Ruby on Rails) and still use a simple editor with syntax hilighting (TextMate). It _is_ about preferance because the same code can be written with `nano` as can be written with RubyMine. A carpenter can't cut the wood the same with their hands as they can we a saw. It could be like the difference between a hand saw and a motorized saw. Some people like `nano`, some people like RubyMine, some people like somthing else. It's all a matter of preference.
Answers.UserDisplayName: thesecretmaster
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-05-25T23:50:42.147Z
Answers.Text: Additionally, as a carpenter myself I can say that on some projects I'd use my power tools and on others I'd use my hand tools. It depends on various characteristics of the task. Same thing with programming. When I work with ruby, I use a text editor. When I write code for android, I use Android Studio. It depends on the demands of the job.
Answers.UserDisplayName: thesecretmaster
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-05-30T12:33:32.670Z
Answers.Text: @Adam What _are_ the "correct tools" for the job? I had a programming position where the required tool _was_ Notepad++, installed and configured on the computer assigned to me. The same rules applied to all 45 programmers (Perl, Python, Ruby, HTML and JavaScript), _and_ the DBA as well. The only person using anything else was the graphic artist. The "correct tool" is a well trained mind using the best tools available that are appropriate for the task. Maybe and IDE, maybe not. Don't short-change the students by denying them exposure to the full range of options.
Answers.UserDisplayName: Gypsy Spellweaver
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2020-08-29T03:42:49.803Z
Answers.Text: @Thesecretmaster : The [IDE divide](https://blog.osteele.com/2004/11/ides) is worth reading for this debate [Disclaimer: Old vi/emacser here! ]
Answers.UserDisplayName: Rushi
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-05-23T16:05:25.770Z
Answers.LastActivityDate: 2017-05-23T16:11:35.303Z
Answers.LastEditDate: 2017-05-23T16:11:35.303Z
Answers.UserDisplayName: thesecretmaster
Answers.Body: <p>The latest generation of text editors, e.g. Sublime, Atom, Visual Studio Code, are great, and seem to offer all that one might want from an IDE. I've a soft spot for Atom, but don't rule the others out.</p>
  
  <p>Another option might be to try Jupyter Notebooks in the web browser. Not an IDE in the traditional sense, but a good introduction to playing with code and very useful for scientific computing in their own right.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-06-06T20:49:32.350Z
Answers.Text: Soon to be released is JupyterLab, which is a full IDE in the browser.
Answers.UserDisplayName: Doug Blank
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2023-01-10T16:13:16.390Z
Answers.Text: Atom is now end-of-life.
Answers.UserDisplayName: ggorlen
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-05-23T16:17:56.660Z
Answers.LastActivityDate: 2017-05-23T16:17:56.660Z
Answers.UserDisplayName: Miles
Answers.Body: <p>In the context of front-end development, I suggest looking into <a href="http://codepen.io" rel="noreferrer">CodePen</a>.</p>
  
  <p>For each "pen" you can get an instant visual as to how your HTML/CSS/JS affect your page. Additionally, you can immediately begin working in a pen without having to create an account, which may be a factor given the age of your students.</p>
  
  <p>At the very least, it might be a good teaching tool and resource for sharing examples since you can make real-time edits and let students see what happens as a result.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-07-27T16:20:52.990Z
Answers.Text: In this same vein, jsFiddle is good for trying out ideas and seeing how things look quickly. It does not have autocomplete.
Answers.UserDisplayName: Kay Bee
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-05-23T16:13:08.257Z
Answers.LastActivityDate: 2017-05-23T16:13:08.257Z
Answers.UserDisplayName: Peter
Body: <p>I have been assisting an IT teacher who has recently started teaching computer science to year 7-9s (11-13 year-olds). This year they will just be covering basic client-side web development: HTML, CSS and a bit of JavaScript.</p>
  
  <p>I was shocked to see him, and the kids, writing their HTML in Notepad- it makes code a lot harder to read, and simple typos, such as a missing bracket, almost impossible to spot. Which isn't ideal, especially for beginners. </p>
  
  <p>For my own coding, I always use InteliJ or WebStorm, however, I would worry that this might go in the opposite direction, and actually over-complicate things.</p>
  
  <p>Anyone got any suggestions of a simple free IDE or text editor for web development for school kids? (It would need to be possible to install on school network).</p>
  
  <p>I'm thinking maybe something simple like Notepad++, Sublime, or possibly Atom. But would love to here your feedback or suggestions on what might be good for school kids.</p>
  
  <p>Thanks very much,
  Alicia Sykes </p>
  
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2017-05-23T16:02:22.937Z
Comments.Text: which programming language are you focusing on ? like python, web development
Comments.UserDisplayName: warl0ck
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2017-05-23T16:03:16.583Z
Comments.Text: Sorry, should have said, front-end web development, HTML, CSS and maybe a bit of JS
Comments.UserDisplayName: Alicia
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2017-11-27T19:04:15.603Z
Comments.Text: I have been looking at [brackets editor](http://brackets.io/). It is very interactive (it opens chrome, and displays results as you type), and simple. I will be using it with pupils in a few months. I will give an update then.
Comments.UserDisplayName: ctrl-alt-delor
Tags: <web-development><ide><primary-school>
Title: Recommended IDE for teaching web development to beginners
ThreadText: # Recommended IDE for teaching web development to beginners
  
  (Asked by: username_0 on 2017-05-23)
  
  I have been assisting an IT teacher who has recently started teaching computer science to year 7-9s (11-13 year-olds). This year they will just be covering basic client-side web development: HTML, CSS and a bit of JavaScript.
  
  I was shocked to see him, and the kids, writing their HTML in Notepad- it makes code a lot harder to read, and simple typos, such as a missing bracket, almost impossible to spot. Which isn't ideal, especially for beginners.
  
  For my own coding, I always use InteliJ or WebStorm, however, I would worry that this might go in the opposite direction, and actually over-complicate things.
  
  Anyone got any suggestions of a simple free IDE or text editor for web development for school kids? (It would need to be possible to install on school network).
  
  I'm thinking maybe something simple like Notepad++, Sublime, or possibly Atom. But would love to here your feedback or suggestions on what might be good for school kids.
  
  Thanks very much,
  username_0 Sykes
  
  **Tags:** web-development, ide, primary-school
  
  > **Comments:**
  > **username_1**: which programming language are you focusing on ? like python, web development  
  > **username_0**: Sorry, should have said, front-end web development, HTML, CSS and maybe a bit of JS  
  > **username_2**: I have been looking at [brackets editor](http://brackets.io/). It is very interactive (it opens chrome, and displays results as you type), and simple. I will be using it with pupils in a few months. I will give an update then.  
  
  ---
  
  ## 9 answers
  
  ### Answer by username_10 on 2017-05-23. Score: 28 | Accepted answer
  
  I find that the best introductory IDE is a lack thereof because, for the most part, the features that an IDE offers (code completion, organization, etc.) are more hurt than help and tend to promote completely unrelated questions, for example, "What is this dropdown under the word I just typed" and other questions about IDE function rather than language functions. Generally IDEs are a distraction to beginners.
  
  I would use a text editor with syntax highlighting such as sublime text, but nothing with too much many extra features. You certainly don't need a full fledged IDE.
  
  > **Comments:**
  > **username_11**: +1: A simpler "IDE", such as Notepad++, gives you enough help while forcing you to learn  
  > **username_10**: @Adam I'm not suggesting that IDEs be blocked entirely, but that as a teacher, you use a simpler code editor. Students can use what they prefer, because everyone has different editor preferences, but set the example of keeping it simple.  
  > **username_10**: I disagree. One can write, for example, ruby professionally (e.g. the creator of Ruby on Rails) and still use a simple editor with syntax hilighting (TextMate). It _is_ about preferance because the same code can be written with `nano` as can be written with RubyMine. A carpenter can't cut the wood the same with their hands as they can we a saw. It could be like the difference between a hand saw and a motorized saw. Some people like `nano`, some people like RubyMine, some people like somthing else. It's all a matter of preference.  
  > **username_10**: Additionally, as a carpenter myself I can say that on some projects I'd use my power tools and on others I'd use my hand tools. It depends on various characteristics of the task. Same thing with programming. When I work with ruby, I use a text editor. When I write code for android, I use Android Studio. It depends on the demands of the job.  
  > **username_4**: @Adam What _are_ the "correct tools" for the job? I had a programming position where the required tool _was_ Notepad++, installed and configured on the computer assigned to me. The same rules applied to all 45 programmers (Perl, Python, Ruby, HTML and JavaScript), _and_ the DBA as well. The only person using anything else was the graphic artist. The "correct tool" is a well trained mind using the best tools available that are appropriate for the task. Maybe and IDE, maybe not. Don't short-change the students by denying them exposure to the full range of options.  
  > **username_12**: @username_10 : The [IDE divide](https://blog.osteele.com/2004/11/ides) is worth reading for this debate [Disclaimer: Old vi/emacser here! ]  
  
  ---
  
  ### Answer by username_13 on 2017-05-23. Score: 11
  
  The latest generation of text editors, e.g. Sublime, Atom, Visual Studio Code, are great, and seem to offer all that one might want from an IDE. I've a soft spot for Atom, but don't rule the others out.
  
  Another option might be to try Jupyter Notebooks in the web browser. Not an IDE in the traditional sense, but a good introduction to playing with code and very useful for scientific computing in their own right.
  
  > **Comments:**
  > **username_14**: Soon to be released is JupyterLab, which is a full IDE in the browser.  
  > **username_15**: Atom is now end-of-life.  
  
  ---
  
  ### Answer by username_16 on 2017-05-23. Score: 10
  
  In the context of front-end development, I suggest looking into [CodePen](http://codepen.io).
  
  For each "pen" you can get an instant visual as to how your HTML/CSS/JS affect your page. Additionally, you can immediately begin working in a pen without having to create an account, which may be a factor given the age of your students.
  
  At the very least, it might be a good teaching tool and resource for sharing examples since you can make real-time edits and let students see what happens as a result.
  
  > **Comments:**
  > **username_17**: In this same vein, jsFiddle is good for trying out ideas and seeing how things look quickly. It does not have autocomplete.  
  
  ---
  
  ### Answer by username_5 on 2017-05-23. Score: 7
  
  I don't think the tool (or learning the tool) should get in the way of learning the initial core of the subject.
  
  If students are already comfortable with NotePad (or TextEdit, et.al.), why add to their cognitive load (7+-2) and the number of steps needed in getting their first few lines of Javascript running?
  
  The IDE can come later, when the code no longer fits a small text window.
  
  > **Comments:**
  > **username_6**: Simple is good, but NotePad is far too extreme. Its never too early to stop using Notepad.  
  
  ---
  
  ### Answer by username_3 on 2017-05-23. Score: 5
  
  I go for simple. This year we used either an online editor or the free version of JCreator specifically because they don't have autocomplete.
  
  What I noticed last year using NetBeans is that students become dependent on autocomplete. When writing code on paper - I teach mostly AP CompSci so paper is necessary - kids would struggle to remember method names and what parameters go where. They were so used to just typing a dot and having everything pop up.
  
  This year switching to a simpler editor has made a huge difference. Free response questions were almost universally stronger.
  
  I've thought about going for Notepad++ next year, although there doesn't seem an easy way to link it to the JDK.
  
  Once they make it through the first year I don't care what IDE they use. I demo in NetBeans because it's what I'm used to. But I've got students using IntelliJ, Eclipse, NetBeans, or pretty much whatever they want to use.
  
  > **Comments:**
  > **username_4**: To link Notepad++ to the JDK, if I understand things, check out [Using Notepad++ to compile Java code](https://stackoverflow.com/q/4314027/7412956) on Stack Overflow. It references one post, but another good-lucking one is [Compile Java Code Directly in Notepad++](https://www.willnwish.com/complie-java-code-directly-notepad/).  
  
  ---
  
  ### Answer by username_1 on 2017-05-23. Score: 4
  
  You are correct in considering Sublime text, or atom text editor as they are light weight and more importantly will be hassle free for school kids.
  
  But one should also keep in mind considering school kids IDEs are too much to learn or get to know how to work on it therefore at these initial stages text-editors like said above and VScode which at least for web-development gives very good support and should be enough for their useage.
  
  But I would highly recommend have a look at [Visual studio code](https://code.visualstudio.com/) It's the best light weight text editor/ IDE developed by Microsoft.
  
  **Some of the features in VS code:**
  
  1. It has IntelliSense which will help kids to autocomplete code thus for them writing code for them wont be like mugging up syntax and will also highlight error if there are any.
  2. It's free so you wont need to buy any licenses
  3. It's lightweight text editor like IDE wont hog up CPU resources unlike Atom
  4. Comes with lots of plugins with which you can for example : [autotag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag) which Automatically add HTML/XML close tag.
  5. It comes with integrated terminal from which you can directly check your created website and there are plenty of plugins as well which will auto-refresh that as well as you make code changes in your file.
  6. Though I suppose school kids wont need it but its good to give them some introduction to git how to commit/push and make changes to repos online which will lay strong foundation in them for open source as well.
  
  I am not saying others are bad or anything else it's just Sublime text is paid software though you can use unregistered version but it annoy you will its pop-up to buy license.
  
  Atom is my second choice after VScode.
  
  
  ---
  
  ### Answer by username_7 on 2017-05-23. Score: 2
  
  The answer can be very broad because of personal taste :) But you may want to check [MS Visual Studio IDE](https://www.visualstudio.com/) which you can "minimize" for the purpose of education. And then extend if step by step.
  
  > **Comments:**
  > **username_7**: @Adam, maybe you can check here: https://www.visualstudio.com/free-developer-offers/  
  
  ---
  
  ### Answer by username_8 on 2017-05-24. Score: 1
  
  The IT knowledge highly varies, even among small kids. I'd say give them something simple like Notepad++ or EditPlus or Atom for reasons mentioned in [@username_10's answer](/a/48/), but those 2-3 geeks who are already experimenting with programming should be allowed to use a more complex, professional IDE. You just need to install and agree with the class before getting started on who uses what.
  
  Also, consider allowing them (later, after learning the basics!) to use **WYSIWYG** editors. I'm surprised nobody mentioned that here. Most of those kids will not end up as programmers, they will never in their life will write HTML code ever again. But they still might need to be able to edit a WordPress page or manage their company blog later in their life.
  
  
  ---
  
  ### Answer by username_9 on 2023-01-10. Score: 1
  
  I highly recommend [Codelobster IDE](https://www.codelobster.com)
  
  It includes great HTML/CSS/JS autocomlete and context help
  
  
  ---
  
  