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

Development Tools

Help to start

Hi I have done courses for html , css and javascript . Now I want to develop webpages. In workshops I have done in browser for ex. codepen ...there i know how things will work. But for a real development I need help . I think I need to use some tool or framework in order to accomplish this . Which tool I should use and how can I use.

4 Answers

Evan McPheron
Evan McPheron
4,273 Points

I personally use 'sublime text 3' it's an amazing program. It can execute code and put it in whatever internet browser you use. Just google 'sublime text' and it should be the first or second hit. From their website just download it. Make sure that you save your file as .html .js .css ect before you try to execute it though. It also makes code completion active when you do that.

Thanks , But in sublime if i write an html page , then i will save it as .html right ? But I need to style my page , so where can I write the css style and where to write javascript for the page . Everything in the same sublime editor ? Sorry that I am really confused . Thanks for help.

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

I agree completely with Evan McPheron. I also use Sublime Text 3. Don't let the name fool you. It doesn't mean you can only have files that are .txt. You can also have javascript and html and all other sorts of files that are text-based. For example: your javascript files you will just use "Save as" and then type in the file name myscript.js or whatever you want to name it. The same goes for your CSS and html files. Hope this helps! :sparkles:

Another +1 for sublime here, it really is a lovely tool with plenty of timesaving features!

KB :octopus:

Thanks.. But my doubt is that, I need to write all html, css and javascript together to get a webpage right, then in that case how can I do it. Thanks for helping..

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Dawn Alphonse Jose As has already been stated, you can make all three with Sublime Text 3 (and even more besides that). You open the application and type in your code. Then you chose File -> Save As. Type the name of your file in File name: and you can choose from the dropdown menu beside Save as type and pick one of about 100 different file types (including javascript, html, and css).

Hi ,

It seems like you guys didn't understand my question. But could you please mention the steps to build a dynamic webpage using sublime text and run the same to get a dynamic webpage. I tried in this way .I created a folder named study. I wrote html and save it as .html file in that folder. In the same way I wrote css and javascript and saved as .css and .js file types respectively. But When I try to run by clicking on html document , I got only the result of html page , and not getting results from css and javascript.

I have tried in codepen and I will get the result . for example an webpage with blue background .
How can I do the same with sublime text ? Else any other way to do the same ?

Thank you

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Dawn Alphonse Jose if it's not showing the results of your CSS and Javascript, it's most likely because the files are improperly linked in your HTML. In codepen, you don't have to write the code to link the JavaScript and CSS to the HTML. This must be done manually when you write it on your own local system. Here's some examples to link them:

http://www.w3schools.com/tags/att_script_src.asp

http://www.w3schools.com/tags/tag_link.asp

Happy coding! :sparkles: