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

Мені цікаво робити деякі проекти, які передбачають велике використання JavaScript. А саме полотні ігри на базі HTML5, які також можуть використовувати node.js. Мені цікаво вивчити сучасні кращі практики, інструменти та ресурси для JavaScript.

JavaScript важко досліджувати, тому що ви переживаєте багато справді застарілих матеріалів, привітавшись з часів, коли "JavaScript" був словом у чотири літери.

Якщо ви активно задіяні в програмуванні JavaScript ...

• Який текстовий редактор або IDE ви використовуєте?
• Яку рамку тестування одиниць ви використовуєте?
• Чи використовуєте Ви селен чи щось інше?
• Які ще інструменти ви використовуєте?
• Які існують спільноти, які обговорюють останні advents в JavaScript?
• Які книги ви читаєте / посилаєтесь?
• Які блоги ви читаєте?

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

• Вим
• jsLint
• Firebug
• IRC для ресурсів
• StackOverflow.com або programmers.stackexchange.com для запитань
• jsFiddle або jsBin для швидких речей або звернення за допомогою

Книги застаріли, як тільки потрапляють на полиці (як правило).

Який текстовий редактор або IDE ви використовуєте?

• Visual Studio Microsoft
• Аптана
• WebStorm

Усі мають підтримку повноцінних функцій розробки веб-додатків (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 Tool Bar і т.д., вбудовані в браузер інструменти для налагодження
• Ви можете використовувати деякі рамки бібліотеки інтерфейсу користувача, такі як JQuery, YUI, ExtJS тощо для швидкого розвитку.
• Fiddler / HTTP Watch для налагодження HTTP-запиту та відповідей.
• JSLint для перевірки деяких проблем із синтаксисом JavaScript.
• YUICompressor для мінімізації HTML, CSS та коду Javascript.
• DynaTrace / YSlow / швидкість сторінки - для тестування продуктивності
• SIEve для виявлення витоків пам'яті
• IE Tester для тестування вашої програми на різних версіях IE.

Які книги ви читаєте / посилаєтесь?

• JavaScript Хороші частини
• Javascript Визначальний посібник
• Об'єктно-орієнтований JavaScript: Створюйте масштабовані, високоякісні програми JavaScript та бібліотеки багаторазового використання

Більше

• Найкращі відео на JavaScript від Douglas Crockford
• Навчальні ресурси JavaScript від Mozilla
• Театр ЮІ

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

• Для розробки я використовую VIM, але ви можете знайти netbeans, які варто спробувати.
• Для одиничного тестування жасмін хороший, але не ідеальний.
• EnvJs може дати вам чудовий спосіб виконання тестування одиниць у командному рядку
• Я настійно рекомендую webdriver частину селену 2
• Повний набір Google для закриття дуже корисний
• Я також рекомендую вам знати, як використовувати Google Chrome та IE для налагодження уздовж бічної firebug, оскільки всі вони мають свої ідіосинкразії, які можуть надсилати вам всілякі сліпі алеї.
• Існує кілька чудових бібліотек JavaScript, які дуже важливі для серйозного розвитку. Я рекомендую почати з jQuery, але є багато інших, які так само добре.
• також автор jQuery Джон Ресіг має корисний блог

Ну ... хоча це ще далеко не завершено, на даний момент я є провідним розробником нового проекту з відкритим кодом на платформі:

Студія JS

Ось скріншот:

Деякі функції є більш досконалими, ніж інші ... але ось цілі:

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

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

У категорії "інші інструменти" я використовую CoffeeScript (мова, що компілюється в JavaScript), оскільки він знімає болі, які накладає на мене синтаксис JavaScript.

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

проти

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

Можна технічно стверджувати, що технічно це вже не JavaScript, але "відчуття" кофесципту полягає в тому, що це лише тонкий шар.

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

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

Qunit для тестування одиниць та Firebug та виділення синтаксису JavaScript для Firebug для налагодження.

Які існують спільноти, які обговорюють останні advents в JavaScript?

Більшість речей були висвітлені, але ніхто не згадувався

• coder.io
• JavaScript щотижня
• # node.js на IRC freenode
• Новини хакера
• JavaScript чат.SO

Сподіваємось, це не надто заграє для цього, але якщо такі речі, як IDE та інструменти для вас важливі, я настійно рекомендую переглянути веб-інструменти Google . Ви пишете свій код на Java в Eclipse, що справді допомагає написати ваш код. Він забезпечує високоефективне доповнення коду, утиліти рефакторингу та допомагає налагоджувати та переходити по вашій базі коду.

Ви все ще можете перейти в сирий Javascript, коли вам потрібно.

Потім ваш код збирається в оптимізований, мінімізований JS. Я успішно використовував цей підхід у середовищі, що нагадує node.js, як DOMless JS.

Для ігор HTML5 перевірте PlayN, яка є бібліотекою, яка саме для цього використовує GWT.

Я дуже багато розроблюю JavaScript. Багато з них згадується, але ось що я використовую:

• Блокнот ++
• Firebug
• Налагоджувач IE (F12) та налагоджувач Chrome (F12 для Windows)
• Я використовую переповнення стека основному для запитань. Приїзд сюди також виявився корисним.
• Перша книга, яку я використав, - це JavaScript: Посібник, що визначається, коли я повернувся. В даний час я не користуюсь книжками стільки, скільки використовую сайти, такі як MDN або MSDN документи.
• Ми використовуємо jQuery в тих місцях, де це також полегшує наше життя.
• Для тестування одиниць ми створюємо власні тестові джгути.

Я можу порекомендувати бюлетень JavasScript Weekly . Його

Безкоштовна розсилка новин та статей JavaScript, що раз на тиждень, на електронну пошту.

Я не читав книг Джона Ресіга, але чув і читав добрі відгуки. Незабаром буде видана його нова книга « Секрети JavaScript ніндзя ».

• Про методики JavaScript
• Секрети JavaScript ніндзя