Monthly Archives: März 2012

Eine Linkseite fürs „Cloud Coding“

In dieser Post werde ich kurz ein paar Links aufführen, die direkt zu verschiedenen online Umgebungen für das Bearbeiten und Testen von Code leiten.

Zuerst einmal HTML5 und Javascript:

http://jsfiddle.net/
ist eine prima javascript Umgebung zum Ausprobieren und Versuchen. Es gibt eine saubere Trennung von HTML-DOM, CSS, Javascript und zur Darstellung des verarbeiteten Resultats. Da jsFiddle als webapp im Browser läuft, ist alles möglich, was vom Browser unterstützt wird. Funzt auch mit nur wenigen Ausnahmen mit dem iPad – also wirklich eine gute Möglichkeit Javascript-Code cross zu testen.

Ist der Code dann fertig, kann man ihn unter http://jsapp.us/
mit einer nodeJS Engine auf die Eignung als browser side JS testen.

http://www.cdnjs.com/
ist eine (derzeit kostenfreie) hosting-Plattform für bekannte (und exotische) Javascript-Frameworks und -Extensions. Die Plattform verspricht hohe Performanz und Optimierung (eventuell zukünftig auch durch Kombination von Frameworks wie jQuery udn jQuery UI o.ä.)

Als besonders erwähnenswert erscheint mir unter den Exoten D3 , ein Framework zur Erzeugung dynamischer Datendarstellungen mit javascript, das zur Manipulation und Erzeugung auf CSS, DOM und SVG zugreift. (By the way: schade, dass so wenige Dev sich mit SVG auseinandersetzen – SVG sollte sich für HTML-DOM Profis eigentlich „natürlicher“ anfühlen als CANVAS, trotzdem ist es erheblich weniger im Einsatz.

Für alle, die ihren Horizont erweitern und eine neue Programmiersprache lernen wollen:
Über 20 verschiedene Programmiersprachen online coden und ausprobieren kann man bei http://ideone.com/
Da ist wirklich von den diversen C Dialekten bis zu Javascript, Ruby, Python, …. alles dabei – sogar Assembler, wer’s braucht.
Zu jeder Sprache gibt es auch ein paar Zeilen sample Code zum Vergleichen. Die Programme werden auf dem Server ausgeführt, wenn man auf den m. E. etwas unglücklich platzierten „submit“-Button klickt. Es öffnet sich eine neue Seite, auf der Code, Input und Output in textareas dargestellt sind, und auch ein weiteres Editieren möglich ist.