# Code Editor for Beginners? **URL:** \ **Category:** Uncategorized\ **Created:** [September 7, 2016, 1:45am UTC](https://forum.kirupa.com/t/code-editor-for-beginners/635223 "2016-09-07T01:45:16Z")\ **Posts on this page:** 11\ **Page:** 1
**Author:** ![Blowie](https://avatars.discourse-cdn.com/v4/letter/b/b5a626/32.png) [@Blowie](https://forum.kirupa.com/u/Blowie)\ **Post date:** [September 7, 2016, 1:45am UTC](https://forum.kirupa.com/t/code-editor-for-beginners/635223/1 "2016-09-07T01:45:16Z")
I need help on getting a good code editor in which I can preview HTML with JavaScript in it. I have tried Atom, but it seems like you can not preview HTML, and I have tried Notebook++ but it didn’t work for varying reasons. What code editor do you recommend that CAN preview HTML without needing add-ons? By the way if anyone here is bored you can go to my YouTube channel: [www.youtube.com/blowie](http://www.youtube.com/blowie) ---
**Author:** ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)\ **Post date:** [September 7, 2016, 10:52pm UTC](https://forum.kirupa.com/t/code-editor-for-beginners/635223/2 "2016-09-07T22:52:24Z")
I’ve never used it (shush, you!) but there’s Adobe Edge Code: [http://www.adobe.com/products/edge-code.html](http://www.adobe.com/products/edge-code.html) Generally, though, I always preview in the browser since that’s exactly where its going to end up so always the best representation of what you’re going to get. ---
**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\ **Post date:** [September 11, 2016, 3:45pm UTC](https://forum.kirupa.com/t/code-editor-for-beginners/635223/3 "2016-09-11T15:45:24Z")
Adobe Edge Code since you want something that works out-of-the-box with HTML preview. If that doesn’t work for you, I would say still give Atom a shot. It’s what I use, but I do have the Preview HTML package installed alongside it: [https://atom.io/packages/atom-html-preview](https://atom.io/packages/atom-html-preview) 🙂 ---
**Author:** ![krilnon](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/krilnon/32/34_2.png) [@krilnon](https://forum.kirupa.com/u/krilnon)\ **Post date:** [September 12, 2016, 12:10am UTC](https://forum.kirupa.com/t/code-editor-for-beginners/635223/4 "2016-09-12T00:10:00Z")
One of the online editors like [codepen.io](http://codepen.io) seems like it would be great for beginners. They feature all sorts of preview functionality, plus conveniences for adding common libraries without a lot of fuss. ---
**Author:** ![Blowie](https://avatars.discourse-cdn.com/v4/letter/b/b5a626/32.png) [@Blowie](https://forum.kirupa.com/u/Blowie)\ **Post date:** [September 12, 2016, 11:26pm UTC](https://forum.kirupa.com/t/code-editor-for-beginners/635223/5 "2016-09-12T23:26:49Z")
When I download the zip file what do I do with it? ---
**Author:** ![krilnon](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/krilnon/32/34_2.png) [@krilnon](https://forum.kirupa.com/u/krilnon)\ **Post date:** [September 13, 2016, 4:41am UTC](https://forum.kirupa.com/t/code-editor-for-beginners/635223/6 "2016-09-13T04:41:42Z")
Unzip it and then double click on whatever came out of the zip file. ---
**Author:** ![Blowie](https://avatars.discourse-cdn.com/v4/letter/b/b5a626/32.png) [@Blowie](https://forum.kirupa.com/u/Blowie)\ **Post date:** [September 14, 2016, 11:09pm UTC](https://forum.kirupa.com/t/code-editor-for-beginners/635223/7 "2016-09-14T23:09:36Z")
But multiple things come out of the folder. ---
**Author:** ![Blowie](https://avatars.discourse-cdn.com/v4/letter/b/b5a626/32.png) [@Blowie](https://forum.kirupa.com/u/Blowie)\ **Post date:** [September 14, 2016, 11:39pm UTC](https://forum.kirupa.com/t/code-editor-for-beginners/635223/8 "2016-09-14T23:39:17Z")
Hey, Kirupa they said they discontinued adobe edge to continue brackets. Does brackets have html preview, too? ---
**Author:** ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)\ **Post date:** [September 15, 2016, 11:40am UTC](https://forum.kirupa.com/t/code-editor-for-beginners/635223/9 "2016-09-15T11:40:15Z")
Yes, use brackets. Its basically the same. [http://blogs.adobe.com/edgecode/returning-to-our-roots-edge-code-is-now-brackets/](http://blogs.adobe.com/edgecode/returning-to-our-roots-edge-code-is-now-brackets/) ---
**Author:** ![krilnon](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/krilnon/32/34_2.png) [@krilnon](https://forum.kirupa.com/u/krilnon)\ **Post date:** [September 19, 2016, 2:48am UTC](https://forum.kirupa.com/t/code-editor-for-beginners/635223/10 "2016-09-19T02:48:33Z")
[https://thimble.mozilla.org/en-US/](https://thimble.mozilla.org/en-US/) ? ---
**Author:** ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)\ **Post date:** [September 19, 2016, 4:11pm UTC](https://forum.kirupa.com/t/code-editor-for-beginners/635223/11 "2016-09-19T16:11:36Z")
^ Made with brackets