ECMAScript

Dieser Artikel erfüllt die GlossarWiki-Qualitätsanforderungen nur teilweise:

Korrektheit: 4 (großteils überprüft)

Umfang: 3 (einige wichtige Fakten fehlen)

Quellenangaben: 3 (wichtige Quellen vorhanden)

Quellenarten: 4 (sehr gut)

Konformität: 4 (sehr gut)

Im Artikel sind viele weiterführenden Verweise angegeben. Diese werden jeweils zu Beginn des Wintersemesters aktualisiert.

Definition

JavaScript ist eine dynamisch typisierte Skriptsprache, die objektorientierte, funktionale und auch das imperative Programmierung unterstützt.

Anmerkungen

JavaScript wird den meisten Web-Browsern unterstützt, um HTML-Dokumente dynmisch erzeugen und verändern zu können (eine Ausnahme ist Lynx, ein textbasierter Webbrowser für den Einsatz in reinen Text-Terminals ohne Maus). Es gibt darüber hinaus auch serverseitige JavaScript-Frameworks (z.B. Node.js).

JavaScript wurde unter dem Namen ECMAScript standardisiert:

• JavaScript 1.8.5 (HTML5): Standard ECMA-262, ECMAScript Language Specification Edition 5.1 (June 2011), ISO/IEC 16262:2011
• JavaScript 1.5.0: Standard ECMA-327, ECMAScript 3rd Edition Compact Profile (June 2001)

Siehe auch

JavaScript-Dokumentation

• Mozilla Developer Network (sehr gute und aktuelle Dokumentation zu JavaScript)
• Regeln zur Performanz-Steigerung

Tutorials

• Eloquent JavaScript – Für Anfänger.
• JavaScript Garden – Eine stetig wachsende Sammlung von JavaScript-Eigenheiten und Best Practices
• Learning JavaScript Design Patterns – empfehlenswert
• Patterns For Large-Scale JavaScript Application Architecture – Auch lesenswert

Style Guides

• Airbnb JavaScript Style Guide
• Programmierkonventionen

Frameworks für die JavaScript-Entwicklung

• Eclipse mit JavaScript- und Web-Plugins (insbesondere Eclipse IDE for JavaScript Web Developers) – Ursprünglich eine Java-Entwicklungsumgebung, heute eine sehr weit verbreitete Universal-Entwicklungsumgebung.
• WebStorm – Ein Ableger der Java-Entwicklungsumgebung IntelliJ IDEA von JetBrains. Für kommerzielle Projekte ist WebStorm kostenpflichtig.
• Netbeans IDE – Eine weitere Java-Entwicklungsumgebung, die ebenfalls hervorragend zur Entwicklung von Web-Anwendungen geeignet ist.
• Aptana Studio 3 – Apatana Studio kann sowohl als Standalone-Version (basierend auf Eclipse) als auch als Eclipse-Plugin heruntergeladen werden.
• Appcelerator Titanium – Basiert ebenfalls auf Eclipse, dient zur Entwicklung von nativen iOS- und Adroid-Apps auf Basis von HTML5/CSS/JavaScript.
• Adobe Edge Animate ist ein Werkzeug zur Erstellung von HTML5/CSS3/JavaSCript-Animationen, wobei die Zeilleisten-Konzepte an Adobe Flash und Adobe After Effects erinnern.

Utilities

• Zen-Coding mit Eclipse – Ermöglicht es, Codesnippets zu generieren. Eine kleine Anleitung für Aptana: http://nooshu.com/aptana-on-steroids-using-zen-coding. Zen-Coding ist auch für andere Editoren und Entwicklungsumgebungen erhältlich (wie beispielsweise für Notepad++ oder Dreamweaver).

Erstellung von App/Anwendungs-Dokumentationen

• JSDoc
  • Etwas schlecht dokumentiert und ein wenig oldschool ist @use JSDoc – Mit einem zusätzlichem Theme und ein paar Einstellung lässt sich daraus eine sehr schöne Doku generieren (siehe z.B. http://plasticjs.org/devdocs/ )​
  • JSDoc ToolKit – Ein weiteres JSDoc-Tool.
  • JSDoc 3 – Ein drittes JSDoc-Tool.
  • ADWiki – Ein viertes JSDoc-Tool.

• Allgemeine Dokumentation: Sphinx (http://sphinx-doc.org/). Auch hier kann das Ergebnis durch ein gutes Theme deutlich aufgebessert werden: https://github.com/snide/sphinx_rtd_theme. (siehe z.B. http://www.plasticjs.org/docs/ )
• JSON Schema: Wenn man JSON Schema oder Ähnliches verwendet, lassen sich auch Teile der Dokumentation relativ einfach automatisch generieren. (siehe z.B. http://www.plasticjs.org/docs/displayModules/advancedTable.html#available-options )

JavaScript-Cross-Compiler

Cross-Compiler erzeugen Compilate für bestimmte Zielumgebungen, die sich von der Umgebung, auf dem der Cross-Compiler läuft, unterscheiden. Ein Spezialfall sind Cross-Compiler, die Quellcode einer Programmiersprache in einen Quellcode einer anderen Programmiersprache übersetzen. Es gibt mehrere Cross-Compiler, die als Zielsprache (unter anderem) JavaScript unterstützen.

• Google Closure Compiler transformiert JavaScript in kompakteres JavaScript.
• ClojureScript (Download) transformiert die LISP-ähnliche Sprache Clojure in JavaScript; der erzeugte Code ist mit dem „advanced compilation mode“ des Google-Closure-Übersetzers kompatibel.
• HaXe ist eine funktionale Sprache, die in diverse Zielsprachen übersetzt werden kann: C++, Flash, JavaScript, Neko, PHP, Tamarin, NodeJS.

Übersichten im Web

• List of rich internet application frameworks (Wikipedia EN)
• Multiple phone web-based application framework (Wikipedia EN)

JavaScript-Bibliotheken

• Google Closure Library, eine umfangreiche Cross-Browser-JavaScript-Bibliothek
• mootools (Zitat: “MooTools is a compact, modular, Object-Oriented JavaScript framework”), MooTools Core Builder, Mootools More Builder
• prototype (Klassen, Ajax, Event Handling)
• script.aculo.us (Erweiterung von Prototype um grafische Elemente; insb. integriert in Ruby on Rails)
• Dojo Toolkit (Klassen, JSON, Ajax und vieles mehr)
• Yahoo User Interface Library (YUI) (JSON, JUnit, Klassen und vieles mehr)
• microjs (viele kleine Helferlein)
• impress.js (Vortragsfolien)
• stream.js (unendlich große Container, Lazy Binding)
• Raphaël—JavaScript Library (Vektorgrafiken)
  • readysetraphael: SVG-zu-Raphaël-Konverter
  • toki-woki: noch ein SVG-zu-Raphaël-Konverter
  • SVGTOHTML_LIVE: noch ein SVG-zu-Raphaël-Konverter
• Processing Library
• backbone.js (Framework für eine MVC-Struktur)
• require.js (Script-Loader)
• underscore.js (erweitert JS um einige Funktionen, kann auch neben jQuery oder backbone.js verwendet werden)

MVC

• http://javascriptmvc.com
  • JavaScriptMVC/JQueryMX
• http://backbonejs.org/
• http://emberjs.com/
• http://angularjs.org/

Mobile

• jQuery Mobile (Framework für mobile Webapps)
• Sencha Libraries (Sencha Touch, Ext ...) (Umfassende Libraries, vor allem für mobile Endgeräte)

Android-Entwicklung

• http://blog.webducer.de/2011/09/android-neues-projekt-anlegen/
• How to build Android App with HTML5/CSS/JavaScript (Video)
• Nexus S
  • http://nexusshacks.com/nexus-s-hacks/how-to-install-nexus-s-windows-usb-drivers/
  • http://androiddrivers.net/samsung-android-drivers/download-nexus-s-drivers/

Canvas

• Canvas API
• HTML5 Canvas Cheat Sheet

Game Engines

• Game Engines

JavaScript-Templates

• Google Closure Templates, ein Java/-JavaScript-Template-System, um server- und/oder client-seitig HTML-Templates zu erstellen.

JavaScript-Server-Technologie

siehe Node.js

JavaScript-Testumgebungen

• Übersicht und Bewertung (stackoverflow.com)
• Übersicht (Wikipedia EN)
• Übersicht (Wikipedia DE)
• JsUnit (GitHub), wird nicht mehr weiterentwickelt
• Jasmine (GitHub), Nachfolger von JsUnit
• rhinounit
• TestSwarm (GitHub)
• js-test-dirver

• Browserstack (alle Browser innerhalb eines Browsers testen - kostenpflichtig!)

Responsive Webdesign

• http://www.elmastudio.de/webdesign/responsive-webdesign-2/ein-paar-notizen-zur-entwicklung-von-responsive-webdesigns/
• http://mobilehtml5.org/

Beispiele

• http://skytechgeek.com/2012/01/30-best-html5-games-to-kill-your-boredom/
  
• http://www.animaclock.com/
• http://joelb.me/scrollpath/

Quellen

7. Widjaja (2012): Simon Widjaja; I will Survive; in: weave; Band: 2012; Nummer: 2; Seite(n): 86-90; Verlag: Page Verlag; Adresse: Hamburg; 2012; Quellengüte: 5 (Artikel)