Хорошие ресурсы и инструменты для современной тяжелой разработки JavaScript? [закрыто]

22

Я заинтересован в выполнении некоторых проектов, которые включают интенсивное использование JavaScript. А именно, основанные на HTML5 холст-игры, потенциально также использующие node.js. Я заинтересован в изучении современных лучших практик, инструментов и ресурсов для JavaScript.

Сложно исследовать JavaScript, потому что в конечном итоге вы перебираете много действительно устаревшего материала, вспоминая времена, когда «JavaScript» был четырехбуквенным словом.

Если вы сильно вовлечены в программирование JavaScript ...

  • Какой текстовый редактор или IDE вы используете?
  • Какую систему модульного тестирования вы используете?
  • Вы используете Selenium или что-то еще?
  • Какие еще инструменты вы используете?
  • Какие существуют сообщества, которые обсуждают последние события в JavaScript?
  • Какие книги вы читаете / ссылаетесь?
  • Какие блоги ты читаешь?
tools javascript developer-tools Мэтт Грир
источник
8
jsfiddle.net
davidk01
Пара отличных блогов, которые я прочитал: dailyjs.com - Несколько замечательных постов, касающихся новых библиотек и фреймворков на арене JS, с упором на Node.js. perfectionkills.com - Не часто обновляется, но когда Кангакс пишет статью, он углубляется в подробности, и вы поймете, сколько JS вы не знаете.
Мэтт Молнар
Веб-редактор Adobe Brackets: github.com/adobe/brackets - написан в основном на javascript с использованием встроенного фреймворка Chromium. Также интересная статья о том, как они создали этот редактор скобок (речь идет об инструментах, используемых фреймворках): ec2-174-129-28-157.compute-1.amazonaws.com/2012/06/26/…
Czarek Tomczak
Ух ты, может этот вопрос использовать обновление.
Эрик Реппен

Ответы:

19

Мой список будет:

Книги устаревают, как только они попадают на полки (как правило).

RDL
источник
7
К этому я также добавил бы центр документации Mozilla в справочном разделе.
Trezoid
2
+1, это в значительной степени мой список, но я бы также добавил YUI Compressor (или компилятор Google Closure).
Демиан Брехт
Pagespeed также является хорошим вариантом для опции Profile Deferrable Javascript. Не только инструмент кодирования JS, но все же очень полезный.
Эд Джеймс
2
@RDL - какие, если какие-либо плагины javascript для vim вы используете?
Майк Х
Я замечаю, что здесь не рекомендовано никаких инструментов / платформ для модульного тестирования, несмотря на то, что за них так высоко голосовали ...
NT3RP
9

Какой текстовый редактор или IDE вы используете?

Все они поддерживают все функции разработки веб-приложений (JavaScript, HTML, CSS и т. Д.). Выберите Aptana, если вы ищете бесплатное решение.

Какую систему модульного тестирования вы используете?

  • Селен

    1. Имеет поддержку нескольких браузеров [IE, Firefox, Chrome, Safari, Opera и Konqueror] на нескольких платформах [Windows, Linux, Macintosh и т. Д.].
    2. Поддержка многих языков программирования для написания тестовых случаев [HTML, Java, C #, Perl, PHP, Python, Ruby и т. Д.].
    3. Удаленное выполнение (тестовые случаи находятся на одном компьютере, а выполнение в браузере может выполняться на другом компьютере).
    4. Вы также можете запускать регрессии даже в режиме свернутого браузера.

Какие еще инструменты вы используете?

  • Firebug, панель инструментов IE Dev и т. Д., Встроенные в браузер инструменты для отладки
  • Вы можете использовать некоторые библиотеки UI Library, такие как JQuery, YUI, ExtJS и т. Д. Для быстрой разработки.
  • Fiddler / HTTP Следите за отладкой HTTP-запросов и ответов.
  • JSLint для проверки некоторых проблем с синтаксисом JavaScript.
  • YUICompressor для минимизации кода HTML, CSS и Javascript.
  • DynaTrace / YSlow / Page Speed ​​- для тестирования производительности
  • СИТ для обнаружения утечек памяти
  • IE Tester для тестирования вашего приложения на разных версиях IE.

Какие книги вы читаете / ссылаетесь?

Больше

Dhanunjai
источник
1
Selenium - это инструмент тестирования интеграции, а не модульное тестирование! Остальная часть этого, по моему мнению, довольно заметна: D
Эд Джеймс
1
jQuery - это библиотека для гораздо большего, чем пользовательский интерфейс, jQueryUI - это совершенно отдельная библиотека.
StuperUser
@StuperUser лжет. jQuery - это библиотека для манипулирования DOM, все остальное использует ее как большой молоток и «золотой инструмент, который решает все проблемы»
Raynos
@Raynos, jQuery - большой молот, когда он используется для манипулирования DOM, когда JavaScript подойдет. Он определенно приобрел достойный мем для своей репутации панацея. Как мы оба говорили, называть это «библиотекой пользовательского интерфейса» неточно.
StuperUser
@StuperUser: Полагаю, он действительно имел в виду jQuery UI
Lie Ryan
6

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

  • Для разработки я использую VIM, но вы можете найти netbeans, который стоит попробовать.
  • Для юнит тестирования хорошо, но не идеально.
  • EnvJs может дать вам хороший способ запуска ваших модульных тестов в командной строке
  • Я настоятельно рекомендую веб-драйвер часть селен 2
  • Полный пакет закрытия Google очень полезен
  • Я бы также порекомендовал вам знать, как использовать Google Chrome и IE для отладки на стороне Firebug, поскольку все они имеют свои особенности, которые могут привести вас к всевозможным тупикам.
  • Есть несколько отличных библиотек для JavaScript, которые очень важны для серьезной разработки. Я бы порекомендовал вам начать с jQuery, но есть множество других, которые так же хороши.
  • также автор jQuery Джон Резиг имеет полезный блог
Дункан Грант
источник
тот же вопрос, который я только что задал для RDL: какие (если они есть) плагины vim вы используете для javascript?
Майк Х
@Mike Я не использую какие-либо специфичные для javascript плагины для vim. Я бы порекомендовал jsctags, которые будут интегрированы с любыми плагинами, использующими ctags, например taglist-plus
Duncan Grant
5

Ну ... хотя это еще далеко от завершения, я в настоящее время являюсь ведущим разработчиком нового кроссплатформенного проекта с открытым исходным кодом:

JS Studio

Вот скриншот:

Некоторые функции являются более полными, чем другие ... но вот предполагаемые цели:

  • Подсветка синтаксиса (в значительной степени завершена)
  • Организация проекта (частично реализовано)
  • Автозаполнение (включая завершение для распространенных JS-фреймворков, таких как jQuery и т. Д.)
  • Система сборки (для объединения файлов, минификации и т. Д.)
  • Расширяемый графический интерфейс (через расширения JavaScript)
  • Нумерация строк (почти полная), перенос слов, настраиваемые цвета для подсветки синтаксиса

Я настроил ежедневные сборки для Windows, и вы можете найти самую последнюю сборку здесь: http://files.quickmediasolutions.com/jsstudio/

Натан Осман
источник
Это выглядит интересно. Я искал хорошую JavaScript IDE. Есть ли бинарный файл, который можно скачать? Я не видел ни одного на веб-странице.
Джонас
@Jonas: К сожалению, на этой ранней стадии, есть только двоичный файл для Ubuntu. Но, надеюсь, у меня будет время для создания бинарного файла Windows в будущем.
Натан Осман
@Jonas: Очень ранняя сборка Windows здесь - некоторые вещи еще не работают, но вы можете по крайней мере открыть / сохранить файлы и некоторые другие вещи.
Натан Осман
какие-нибудь новые разработки на этом фронте?
Noctis
@Noctis: К сожалению, нет. Я столкнулся с некоторыми сложностями при реализации дополнения кода, и проект практически простаивал последние год или два.
Натан Осман
4

В категории «другие инструменты» я использую CoffeeScript (язык, который компилируется в JavaScript), потому что он устраняет трудности, которые навязывает мне синтаксис Javascript.

list.sort (a, b) -> a.isSmaller(b)

против

list.sort(function(a, b) { return a.isSmaller(b) });

Можно утверждать, технически это больше не javascript, но «чувство» coffescript заключается в том, что это всего лишь тонкий слой.

keppla
источник
3

API для библиотеки jQuery http://api.jquery.com/ и хорошо выделенной копии jQuery In Action . Прочитайте его от корки до корки, а затем следуйте http://twitter.com/jquery, чтобы получить обновления в новых выпусках.

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

Qunit для модульного тестирования и Firebug и подсветка синтаксиса JavaScript для Firebug для отладки.

StuperUser
источник
0

Надеемся, что это не будет слишком огорчено, но если вам важны такие вещи, как IDE и инструменты, тогда я настоятельно рекомендую взглянуть на Google Web Toolkit . Вы пишете свой код на Java в Eclipse, который действительно помогает писать ваш код. Он обеспечивает высокоэффективное завершение кода, утилиты рефакторинга и помогает отлаживать и перемещаться по вашей базе кода.

Вы все еще можете войти в сырой Javascript, когда вам нужно.

Затем ваш код компилируется в оптимизированный, минимизированный JS. Я успешно использовал этот подход в DOMless JS-среде, подобной node.js.

Для игр HTML5, проверьте PlayN, которая является библиотекой, которая использует GWT именно для этого.

funkybro
источник
Если вы все равно собираетесь компилировать в JavaScript на другом языке, есть множество вариантов - вам вовсе не обязательно использовать Java! Например, мы используем js_of_ocaml на работе правильно, поэтому мы можем написать наш код в OCaml и запустить его в браузере.
Тихон Джелвис
0

Я много занимаюсь разработкой JavaScript. Многие из них упоминаются, но вот что я использую:

  • Notepad ++
  • поджигатель
  • IE отладчик (F12) и Chrome отладчик (F12 в Windows)
  • Я использую Stack Overflow в основном для вопросов. Прибытие сюда также оказалось полезным.
  • Первая книга, которую я использовал, была «JavaScript: полное руководство». В настоящее время я использую не столько книги, сколько сайты, такие как документы MDN или MSDN.
  • Мы используем JQuery в тех местах, где это облегчает нашу жизнь.
  • Для модульного тестирования мы строим собственные тестовые комплекты.
Corv1nus
источник
0

Я могу рекомендовать еженедельную рассылку JavasScript . Это

Бесплатная раз в неделю электронная почта сводка новостей и статей JavaScript.

Я не читал книги Джона Резига, но слышал и читал хорошие отзывы. Его новая книга « Тайны JavaScript ниндзя» будет опубликована в ближайшее время.


источник
Может кто-нибудь объяснить понижение?