• правильный браузер
• правильное средство отладки
• правильный редактор

Инструментарий

Firefox лучше всех поддерживает стандарты. Обычно разработка начинается под Firefox, а когда под ним все работает – подчищаются несовместимости с остальными браузерами.

Firebug помогает разобраться с ошибками javascript, посмотреть и тут же исправить CSS/DOM, и многое другое.

Начинающему разработчику стоит начать осваивать инструментарий с Firebug, и открывать для себя остальное по мере надобности.

Редакторы для кода

Есть два вида редакторов: IDE и «лёгкие». Разница между ними — в том, что IDE загружает весь проект целиком, поэтому может предоставлять автодополнение по функциям всего проекта, удобную навигацию по его файлам и т.п.

Лёгкие редакторы — редактируют конкретный файл (или несколько) и знать не знают о связях между ними.

Некоторые IDE можно использовать как лёгкие редакторы, но обычно IDE сложнее, тяжелее и работают медленнее.

Обязательно нужен хороший редактор.

Тот, который вы выберете должен иметь в своем арсенале:

1. Подсветку синтаксиса.
2. Автодополнение.
3. «Фолдинг» (от англ. folding) — возможность скрыть-раскрыть блок кода.

IDE

Если вы еще не задумывались над этим, присмотритесь к следующим вариантам.

• Продукты IntelliJ: WebStorm, а также в зависимости от дополнительного языка программирования PHPStorm (PHP), IDEA (Java), RubyMine (Ruby) и другие.
• Visual Studio, в сочетании с разработкой под .NET (Win)
• Продукты на основе Eclipse, в частности Aptana и Zend Studio
• Komodo IDE и его облегчённая версия Komodo Edit.
• Netbeans

Почти все они, за исключением Visual Studio, кросс-платформенные.

Сортировка в этом списке ничего не означает. Выбор осуществляется по вкусу и по другим технологиям, которые нужно использовать вместе с JavaScript.

Большинство IDE — платные, с возможностью скачать и бесплатно использовать некоторое время. Но их стоимость, по сравнению с зарплатой веб-разработчика, невелика, поэтому ориентироваться можно на удобство.

Лёгкие редакторы

Такие редакторы не такие мощные, как IDE, но они быстрые и простые, мгновенно стартуют.

Как правило, под IDE понимают мощный редактор, с упором на проекты. А «лёгкие» редакторы предназначены в первую очередь для редактирования отдельных файлов. На практике граница между IDE и «лёгким» редактором может быть размыта, и спорить что именно редактор, а что IDE — не имеет смысла.

Достойны внимания:

• Sublime Text (кросс-платформенный, shareware).
• TextMate (Mac, платный)
• SciTe простой, легкий и очень быстрый (Windows, бесплатный).
• Notepad++ (Windows, бесплатный).
• Vim, Emacs. Если умеете их готовить.

Выберите любой редактор из перечисленных выше, главное чтобы он что-то умел, кроме простого блокнота.

Конечно, существуют и другие отличные редакторы, если вам что-то нравится — пользуйтесь. Выбор редактора, как и любого инструмента, во многом индивидуален и зависит от ваших проектов, привычек, личных предпочтений.

Источник