Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Matthew Rigdon
Matthew Rigdon
8,223 Points
Posted by Matthew Rigdon
Matthew Rigdon
8,223 Points

How to test out your own HTML/CSS/Javascript?

I want to start building a website using HTML/CSS/Javascript, but I didn't want to be limited to using the Workspace.

Are there any programs that allow you to write code and view it easily? What are the options?

5 Answers

Radu Ioan Stochita
Radu Ioan Stochita
3,558 Points

Just grab a text editor(it is recommend to take one with syntax highlighting, often called a programming text editor) and run it in the browser.

If you don't know how to do that, just follow this tutorial

Some programming text editors you might like:

I hope that this will help you decide.

Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points
Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

Have you used Dreamweaver? I've heard that programs like that write really messy code that is almost impossible to read and refactor.

Radu Ioan Stochita
Radu Ioan Stochita
3,558 Points

I have used it a couple years ago, but I wrote the code myself. I don't recommend using a WYSIWYG editor, because it can give you messy code which you are not going to understand and it is going to take you an era to actually modify it.

Just get a text editor and start coding.

BUT don't get me wrong, if you want to use a WYSIWYG program, like Adobe Muse, go for it, it is going to take you less time to "code" a website.

Andrew McCormick
Andrew McCormick
17,730 Points
Andrew McCormick
Andrew McCormick
17,730 Points

There are many.. Codepen http://codepen.io/pen/
JsFiddle http://jsfiddle.net/
JsBin http://jsbin.com/
and more.. http://www.sitepoint.com/7-code-playgrounds/

Not to mention that for HTML/JS/CSS you can just save on your local machine and open in any browser

Kenneth Porterfield
Kenneth Porterfield
2,839 Points
Kenneth Porterfield
Kenneth Porterfield
2,839 Points

I use the text editor Atom. https://atom.io/ Like Andrew said, you can just save in on your machine and open it in a browser from there.

Andrew McCormick
Andrew McCormick
17,730 Points
Andrew McCormick
Andrew McCormick
17,730 Points

I didn't even think to mention IDEs. If you are using a true IDE like Visual Studio, NetBeans, or Eclipse then those have integrated environments where you can run your code without using an external browser.

Gregory Davis
Gregory Davis
13,435 Points
Gregory Davis
Gregory Davis
13,435 Points

I just discovered Brackets not too long ago and have been enjoying it a lot.

Caleb Kleveter
MOD
Caleb Kleveter
Treehouse Moderator 37,862 Points
Caleb Kleveter
Caleb Kleveter
Treehouse Moderator 37,862 Points

How do I change the file path that the plugins will go to for Atom? I changed were it is located on the computer and I can't search the packages or themes now.