Setup your environment

  1. Code editor
  2. Browsers
  3. Summary

To start developing in JavaScript, a good working place is required.

This section contains instructions to setup the programs you may need.

Code editor

First we need a code editor.

There are many around, but the one you choose should support:

  1. Syntax highlighting
  2. Autocomplete

If you are using a code editor already, then make sure it supports JavaScript. Some editors may require additional plugin.

If you haven’t made up your mind about an editor yet, check out the following ones.

The following IDEs are commercial, but quite good at JS.

Noncommercial IDE:

There are many great IDE beyound the list, of course.

Lightweight editors

A lightweight editor may not be as powerful as an IDE, but it is fast and easy.

  • TextMate (Mac, non-free)
  • SciTe is simple, lightweight and very fast (Windows, free).
  • Komodo Edit (Cross-platform, free).
  • Notepad++ (Windows, free).

And, agains, surely there are much more editors around.

Note, “vi” and “emacs” are not listed. That’s because their adepts already know they’re cool, but starting with them is kind-of hard. Still you can try.

Choose anything. Just make sure that it is not Notepad.

Browsers

All supported browsers should be installed. Current trend is that browsers tend to support standards and implementations converge, although there are differences.

You need at least: Firefox, Chrome and Internet Explorer.

Grab them here:

Usually you also need Safari, Opera and few other IE versions.

If you work under Linux or MacOS, then a virtual machine is required for Windows IE.

Summary

Most developers first create scripts in Firefox. If everything works, the script is tested in Chrome and IE, and then in other major browsers.

It also makes sence to have different versions of IE installed in virtual machines.

Tutorial

Donate

Donate to this project