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

22

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?
tools javascript developer-tools Matt Greer
quelle
8
jsfiddle.net
davidk01
Ein paar großartige Blogs, die ich gelesen habe: dailyjs.com - Einige großartige Posts zu neuen Bibliotheken und Frameworks in der JS-Arena mit einem starken Fokus auf Node.js. perfectionkills.com - Nicht sehr oft aktualisiert, aber wenn Kangax einen Artikel schreibt, geht er wirklich in die Tiefe, Sie werden feststellen, wie viel JS Sie nicht wissen.
Matt Molnar
Adobe Brackets- Webeditor : github.com/adobe/brackets - hauptsächlich in Javascript unter Verwendung des eingebetteten Chromium-Frameworks geschrieben. Außerdem ein interessanter Artikel darüber, wie sie diesen Brackets-Editor erstellt haben (über verwendete Tools und Frameworks): ec2-174-129-28-157.compute-1.amazonaws.com/2012/06/26/…
Czarek Tomczak,
Wow könnte diese Frage ein Update gebrauchen.
Erik Reppen

Antworten:

19

Meine Liste wäre:

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

RDL
quelle
7
Dazu würde ich auch das Mozilla Doc Center im Referenzabschnitt hinzufügen .
Trezoid
2
+1, das ist so ziemlich meine Liste, aber ich würde auch YUI Compressor (oder Googles Closure Compiler) hinzufügen.
Demian Brecht
Pagespeed eignet sich auch gut für die Option "Profile Deferrable Javascript". Nicht unbedingt ein JS-Codierungswerkzeug, aber dennoch sehr nützlich.
Ed James
2
@RDL - welche JavaScript-Plug-Ins für VIM verwenden Sie?
Mike H
Ich stelle fest, dass hier keine Unit-Testing-Tools / Frameworks empfohlen wurden, obwohl sie so hoch bewertet wurden ...
NT3RP
9

Welchen Texteditor oder welche IDE verwenden Sie?

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?

Mehr

Dhanunjai
quelle
1
Selen ist ein Integrationstest-Tool, kein Unit-Test! Der Rest ist meiner Meinung nach genau richtig: D
Ed James
1
jQuery ist eine Bibliothek für viel mehr als nur die Benutzeroberfläche. jQueryUI ist eine völlig separate Bibliothek.
StuperUser
@StuperUser lügt. jQuery ist eine Bibliothek für die DOM-Manipulation, alles andere verwendet sie als großen Hammer und als "goldenes Werkzeug, das alle Probleme löst"
Raynos
@Raynos, jQuery ist ein großer Hammer, wenn es für DOM-Manipulationen verwendet wird, wenn JavaScript funktioniert. Es ist sicherlich meme-worthy Status für seinen Ruf als Allheilmittel gewonnen. Wie wir beide gesagt haben, ist die Bezeichnung "UI Library" nicht korrekt.
StuperUser
@StuperUser: Ich nehme an, er meinte wirklich jQuery UI
Lie Ryan
6

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
Duncan Grant
quelle
Dieselbe Frage, die ich gerade für RDL gestellt habe: Welche (wenn überhaupt) VIM-Plug-Ins verwenden Sie für Javascript?
Mike H
@Mike Ich verwende keine Javascript-spezifischen Plugins für vim. Ich würde jsctags empfehlen, die mit Plugins integriert werden, die ctags verwenden, z. B. taglist-plus
Duncan Grant
5

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/

Nathan Osman
quelle
Das sieht interessant aus. Ich habe nach einer guten JavaScript-IDE gesucht. Gibt es eine Binärdatei, die heruntergeladen werden kann? Ich habe keine auf der Webseite gesehen.
Jonas
@Jonas: Leider gibt es zu diesem frühen Zeitpunkt nur eine Binärdatei für Ubuntu. Hoffentlich habe ich aber noch Zeit, um später eine Windows-Binärdatei zu erstellen.
Nathan Osman
@Jonas: Sehr frühe Windows- Builds hier - einige Dinge funktionieren noch nicht, aber Sie können zumindest Dateien öffnen / speichern und einige andere Dinge.
Nathan Osman
irgendwelche neuen Entwicklungen auf dieser Front?
Noctis
@ Noctis: Leider nein. Ich hatte einige Komplikationen beim Implementieren der Codevervollständigung und das Projekt war in den letzten ein oder zwei Jahren im Wesentlichen inaktiv.
Nathan Osman
4

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.

keppla
quelle
3

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.

StuperUser
quelle
0

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.

funkybro
quelle
Wenn Sie JavaScript trotzdem aus einer anderen Sprache kompilieren möchten, haben Sie viele Möglichkeiten - Sie müssen überhaupt kein Java verwenden! Beispielsweise verwenden wir js_of_ocaml direkt bei der Arbeit, damit wir unseren Code in OCaml schreiben und im Browser ausführen können.
Tikhon Jelvis
0

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.
Corv1nus
quelle
0

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.


quelle
Kann jemand die Ablehnung erklären?