Gute Ressourcen und Tools für die moderne, umfangreiche JavaScript-Entwicklung? [geschlossen]

Ich bin daran interessiert, einige Projekte zu realisieren, bei denen JavaScript häufig verwendet wird. Nämlich HTML5-basierte Canvas-Spiele, die möglicherweise auch node.js verwenden. Ich bin daran interessiert, moderne Best Practices, Tools und Ressourcen für JavaScript zu erlernen.

JavaScript ist schwer zu recherchieren, weil Sie am Ende eine Menge wirklich veralteter Materialien durchwühlen, die aus der Zeit stammen, als "JavaScript" ein Wort aus vier Buchstaben war.

Wenn Sie stark in die JavaScript-Programmierung involviert sind ...

• Welchen Texteditor oder welche IDE verwenden Sie?
• Welches Unit-Testing-Framework verwenden Sie?
• Verwenden Sie Selen oder etwas anderes?
• Welche anderen Tools verwenden Sie?
• Welche Communities diskutieren die neuesten Entwicklungen in JavaScript?
• Auf welche Bücher beziehen Sie sich?
• Welche Blogs liest du?

Meine Liste wäre:

• Vim
• jsLint
• Firebug
• IRC für Ressourcen
• StackOverflow.com oder programmers.stackexchange.com für Fragen
• jsFiddle oder jsBin als schnelle Hilfe oder als Referenz

Bücher sind veraltet, sobald sie (normalerweise) in die Regale kommen.

Welchen Texteditor oder welche IDE verwenden Sie?

• Microsoft Visual Studio
• Aptana
• WebStorm

Alle unterstützen die vollständigen Funktionen zur Entwicklung von Web-Apps (Javascript, HTML, CSS usw.). Wählen Sie Aptana, wenn Sie nach einer Freeware-Lösung suchen.

Welches Unit-Testing-Framework verwenden Sie?

• Selen

  1. Unterstützt mehrere Browser [IE, Firefox, Chrome, Safari, Opera und Konqueror] auf mehreren Plattformen [Windows, Linux, Macintosh usw.].
  2. Unterstützung für viele Programmiersprachen zum Schreiben von Testfällen [HTML, Java, C #, Perl, PHP, Python, Ruby usw.].
  3. Remote-Ausführung (Testfälle befinden sich auf einem Computer und die Ausführung im Browser kann auf einem anderen Computer erfolgen).
  4. Sie können auch im browserminimierten Modus Regressionen ausführen

Welche anderen Tools verwenden Sie?

• Firebug, IE Dev Tool Bar usw., eingebaute Browser-Tools zum Debuggen
• Sie können einige UI Library-Frameworks wie JQuery, YUI, ExtJS usw. für eine schnelle Entwicklung verwenden.
• Fiddler / HTTP Watch zum Debuggen von HTTP-Anfragen und -Antworten.
• JSLint, um einige Probleme mit der JavaScript-Syntax zu überprüfen.
• YUICompressor zur Minimierung von HTML-, CSS- und Javascript-Code.
• DynaTrace / YSlow / Page Speed ​​- zum Testen der Leistung
• Suchen Sie nach Speicherlecks
• IE Tester zum Testen Ihrer Anwendung auf verschiedenen IE-Versionen.

Auf welche Bücher beziehen Sie sich?

• JavaScript Die guten Teile
• Javascript Der Bestimmte Führer
• Objektorientiertes JavaScript: Erstellen Sie skalierbare, wiederverwendbare, hochwertige JavaScript-Anwendungen und -Bibliotheken

Mehr

• Die besten Videos auf Javascript von Douglas Crockford
• JavaScript-Lernressourcen von Mozilla
• YUI Theater

Ich bin immer noch der Meinung, dass die Tools, die für die ernsthafte JavaScript-Entwicklung zur Verfügung stehen, weit hinter den Erwartungen zurückliegen, aber hier sind einige der Tools, die ich verwende.

• Für die Entwicklung verwende ich VIM, aber Sie könnten Netbeans einen Versuch wert finden.
• Für Unit-Tests ist Jasmin gut, aber nicht perfekt.
• Mit EnvJs können Sie Ihre Komponententests auf der Befehlszeile ausführen
• Ich kann den Webdriver- Teil von Selen 2 nur empfehlen
• Die vollständige Google Closure Suite ist sehr nützlich
• Ich würde auch empfehlen, dass Sie wissen, wie Sie Google Chrome und IE für das Debuggen neben Firebug verwenden, da sie alle ihre Eigenheiten haben, die Sie in alle möglichen Sackgassen schicken können.
• Es gibt einige ausgezeichnete Bibliotheken für JavaScript, die für eine ernsthafte Entwicklung so ziemlich unerlässlich sind. Ich würde empfehlen, mit jQuery zu beginnen, aber es gibt viele andere, die genauso gut sind.
• Auch der jQuery-Autor John Resig hat einen nützlichen Blog

Nun ... obwohl noch lange nicht abgeschlossen, bin ich derzeit der Hauptentwickler für ein neues plattformübergreifendes Open Source-Projekt:

JS Studio

Hier ist ein Screenshot:

Einige der Funktionen sind vollständiger als andere ... aber hier sind die beabsichtigten Ziele:

• Syntax-Hervorhebung (ziemlich vollständig)
• Projektorganisation (teilweise umgesetzt)
• Auto-Vervollständigung (einschließlich Vervollständigung für gängige JS-Frameworks wie jQuery usw.)
• Build-System (zum Kombinieren von Dateien, Minimieren usw.)
• Erweiterbare GUI (über JavaScript-Erweiterungen)
• Zeilennummerierung (Art komplett), Zeilenumbruch, konfigurierbare Farben für die Hervorhebung der Syntax

Ich habe tägliche Builds für Windows eingerichtet. Den neuesten Build finden Sie hier: http://files.quickmediasolutions.com/jsstudio/

In der Kategorie 'Andere Tools' verwende ich CoffeeScript (eine Sprache, die sich zu JavaScript kompiliert), weil es mir die Schmerzen nimmt, die mir die Syntax von Javascript auferlegt.

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

gegen

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

Man könnte argumentieren, technisch gesehen ist das kein Javascript mehr, aber das "Gefühl" von Coffescript ist, dass es nur eine dünne Schicht ist.

Die API für die jQuery-Bibliothek http://api.jquery.com/ und eine gut durchdachte, hervorgehobene Kopie von jQuery In Action . Lesen Sie es vollständig durch und folgen Sie dann http://twitter.com/jquery , um die Updates für die neuen Versionen zu erhalten.

Sie haben gesagt, dass Bücher nicht mehr aktuell sind, aber Sie müssen einen grundlegenden Wissensstand haben, auf dem Sie aufbauen können. Sobald Sie auf dem neuesten Stand sind, bleiben Sie auf dem neuesten Stand.

Qunit für Unit-Tests und Firebug sowie ein JavaScript-Syntax-Highlight für Firebug zum Debuggen.

Welche Communities diskutieren die neuesten Entwicklungen in JavaScript?

Die meisten Dinge wurden behandelt, aber niemand erwähnte sie

• coder.io
• JavaScript wöchentlich
• # node.js im freenode IRC
• Hacker Nachrichten
• JavaScript-Chat.SO

Hoffentlich wird dafür nicht zu viel geflammt, aber wenn Ihnen Dinge wie IDEs und Tools wichtig sind, empfehle ich dringend, sich das Google Web Toolkit anzusehen . Sie schreiben Ihren Code in Java in Eclipse, was beim Schreiben Ihres Codes sehr hilfreich ist. Es bietet eine äußerst effektive Codevervollständigung, Refactoring-Dienstprogramme und Hilfe beim Debuggen und Navigieren durch Ihre Codebasis.

Sie können bei Bedarf immer noch auf unformatiertes Javascript zugreifen.

Ihr Code wird dann in optimiertes, minimiertes JS kompiliert. Ich habe diesen Ansatz erfolgreich in einer node.js-ähnlichen DOMless JS-Umgebung verwendet.

Schauen Sie sich für HTML5-Spiele PlayN an , eine Bibliothek, die genau dafür GWT verwendet.

Ich entwickle viel JavaScript. Viele davon werden erwähnt, aber hier ist, was ich benutze:

• Notepad ++
• Firebug
• IE-Debugger (F12) und Chrome-Debugger (F12 unter Windows)
• Ich benutze Stack Overflow hauptsächlich für Fragen. Auch hierher zu kommen hat sich als hilfreich erwiesen.
• Das erste Buch, das ich verwendete, war JavaScript: The Definitive Guide. Derzeit benutze ich Bücher nicht so oft wie Websites wie MDN- oder MSDN-Dokumente.
• Wir verwenden jQuery an Orten, an denen es uns auch das Leben erleichtert.
• Für Unit-Tests bauen wir unsere eigenen Testgurte.

Ich kann den wöchentlichen JavasScript- Newsletter empfehlen . Es ist

Eine kostenlose, einmal wöchentliche E-Mail-Zusammenfassung von JavaScript-Nachrichten und -Artikeln.

Ich habe John Resigs Bücher nicht gelesen, aber ich habe gutes Feedback gehört und gelesen. Sein neues Buch Secrets of the JavaScript Ninja wird in Kürze veröffentlicht.

• Pro JavaScript-Techniken
• Geheimnisse des JavaScript Ninja