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 von 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:

• ECMAScript 6 (geplanter künftiger Standard)
• JavaScript 1.8.5 (HTML5): Standard ECMA-262, ECMAScript Language Specification Edition 5.1 (June 2011)
• JavaScript 1.5.0: Standard ECMA-327, ECMAScript 3rd Edition Compact Profile (June 2001)

Mit ECAMScript existiert ein Sprachstandard. Allerdings definiert dieser Standard keine Modul-APIs. Aus diesem Grund gibt es ein Vilezahl von Modulen, die gleiche oder ähnliche Aufgaben wahrnehmen, aber gänzlich unterschiedlich aufgebaut sind sowie konfiguriert und verwendet werden. Diesem Problem versucht das Projekt CommonJS Herr zu werden:

• CommonJS
• CommonJS – Plattformübergreifende JavaScript Spezifikationen

Allerdings scheint die CommonJS-Initiative eingeschlafen zu sein.

Siehe auch

JavaScript-Dokumentation und Tutorials

• ECMAScrpit Wiki
• Mozilla Developer Network (sehr gute und aktuelle Dokumentation zu JavaScript)
• 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
• Regeln zur Performanz-Steigerung
• 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)

Style Guides

• Airbnb JavaScript Style Guide
• Multimedia-Programmierung: Style Guide

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.
• Meteor (auch in Verbindung mit WebStorm)
• 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.

EcmaScript 6

ECMAScript 6 wurde bereits weitestgehend fertiggestellt.

• Peter Körner: ECMAScript 6
• ECMAScript-6-Kompatibilitäts-Tabelle

Tools

Es gibt Tools, um ECMAScript 6 in ECMAScript 5 zu übersetzen und jetzt schon von den Erweiterungen zu profitieren:

• ECMAScript 6 Tools
• TypeScript

Generators

• Peter Körner: ECMAScript 6: Generators
• Axel Rauschmayer: Iterators and generators in ECMAScript 6
• Axel Rauschmayer: How should I format the ECMAScript 6 generator asterisk?

Promises

• html5rocks: JavaScript Promises
• Peter Körner: ECMAScript 6: Promises

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

• 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 Teile der Dokumentation relativ einfach automatisch generieren. (siehe z.B. http://www.plasticjs.org/docs/displayModules/advancedTable.html#available-options )
• 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.
  • JSDoc-Dokumentation: Foundations of Ajax von Apress, ISBN 1-59059-582-3

Viele Frameworks und Editoren unterstützen JSDoc von Haus aus:

• WebStorm
• IntelliJ IDEA
• NetBeans
• RubyMine
• Visual Studio
• Für Eclipse gibt es eine JSDoc-Extension
• Für Adobe Edge gibt es eine [JSDoc-Extension]
• Aptana Studio unterstützt ScriptDoc
• Editor Sublime Text mit Hilde des DocBlockr-Plugins
• Mozilla-Inline-Editor Mozile
• Closure Linter und Closure Compiler von Google

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!)
• SlimerJS

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/