JavaScript
aus ZUM-Wiki, dem Wiki für Lehr- und Lerninhalte auf ZUM.de
| Kurzinfo | ||
|---|---|---|
| ||
|
JavaScript ist eine Scriptsprache, die in allen gängigen Browsern integriert ist. Um JavaScript zu programmieren, benötigt man minimal einen Browser und einen Texteditor (siehe auch Editor). Die Skripte können in HTML-Seiten eingebunden werden.
Inhaltsverzeichnis |
JavaScript im Unterricht
- → Unterrichtsreihe: Einführung in die Programmierung mit JavaScript
- Einführungskurs "JavaScript in Beispielen" (Jürgen Giesen)
-
Unterrichtsgang JavaScript (A. Burges und T. Regenbrecht, 2003)
- JavaScript-Kurs der Schule am Ried (W. Spiegel)
- Siehe auch: Einführungen und Tutorials
Schulischer Einsatz
Der Einsatz von JavaScript als Programmiersprache im Unterricht umstritten.
- Vorteil von JavaScript ist, dass es auf quasi jedem Betriebssystem ohne weitere Installation vorhanden ist (es benötigt nur einen Browser und einen Editor).
- Als Nachteil ist die recht unsaubere Typendeklaration der Variablen zu nennen. Die selbe Variable kann Zahl oder String sein. Das kann zu Problemen führen: 1+1 ergibt 11, falls eine der Einsen vom Typ String war.
- JavaScript ist eine objektbasierte Sprache. Es können auch eigene Objekte angelegt werden. Kapselung (Geheimnisprinzip) wird unterstützt (1).
- Als Debugger ist Venkman des Mozilla Projektes empfehlenswert. Aufgrund der Fehleranalyse in der JavaScript Konsole ist Mozilla bzw. Firefox als Browser zu empfehlen.
- Grafik ist schwierig umzusetzen (Interessante Ansätze: Vectorgrafik mit Layer, SVG und JavaScript), ab der 1.5er Version des Browsers Firefox sind alternative Grafikmöglichkeiten über HTML standardmäßig vorgesehen (siehe Canvas).
- Motivierend ist, dass mit JavaScript kleinere Programme ohne größeren Aufwand auf die Schulhomepage gestellt werden können (eigent sich auch für den Mathematikunterricht). Günstig ist die syntaktische Ähnlichkeit mit Java.
- Fazit: JS eignet sich, um schnell kleine Programme zu schreiben, die plattformunabhängig auch auf leistungsschwachen Rechnern laufen. Es eignet sich um grundlegende Programmiertechniken zu vermitteln, aufgrund der beschreibenen Unsauberkeiten ist JS aber nicht als ausschließliche Sprache zu empfehlen. Aufgrund ihrer Java ähnlichen Syntax ist JS zur Einführung der Grundelemente der Programmierung geeignet, um später auf Java umzusteigen.
- (1) vgl. Private Eigenschaften
- Siehe auch
- Ãœberblick: Javascript
- JS im Unterricht
- Vor- und Nachteile von JS
Anwendungsbeispiele im ZUM-Wiki
- Quiz-Script Framework
- Quiz-Tools in DaF und DaZ
- Digitale Schule Bayern/Vera 8 - Mathematik -> Ãœbungen
Script-Archive
Für die Erstellung eigener Seiten mit Javascript-Elemente kann man auf Archive zurückgreifen, die fertige Funktionen anbieten.
- Das deutsche Javascript-Archiv
- Die Script-Fundgrube, die auch Scripts zu andere Sprachen enthält.
- Script-Archiv.com ist ein großes Script-Archiv mit tausenden Scripts, Tipps & Tutorials, Magazinen und Artikeln zum kostenlosen Download.
JavaScript Tools
Denkbar ist, JavaScript mit Windows Bordmitteln zu programmieren (Editor.exe+IE-Browser). Sinnvoll sind jedoch Programmiereditoren mit Vorschau und Syntaxhighlighting und ein Browser mit Debugger. Grundsätzlich lassen sich die gleichen Tools verwenden wie bei der HTML-Seiten Gestaltung.
Editoren
- PS Pad - Editor mit Tools wie CodeExplorer, Vorschau, Makro, Projektverwaltung ... (freeware)
- HTML-Studio: HTML Editor mit Vorschau, auch für Firefox (freeware)
- http://notepad-plus.sourceforge.net/uk/about.php (freeware) - Schlanker Programmiereditor mit Vorschau, auch Firefox, Makros, passt auf eine Diskette
- http://www.scintilla.org/SciTE.html (freeware) - Scite: Schlanker Programmiereditor, der sich gut konfiguriueren lässt.
Browser
- http://johnhaller.com/jh/mozilla/portable_firefox/ - Browser Firefox, in der USB-Stick freundlichen Version, Venkman lässt sich als Erweiterung installieren, JS-Konsole
Debugger
Als Debugger eignet sich Venkman (von Mozilla bzw. Firefox) sehr gut. Alternativ gibt es auch einen Debugger von MS.
Online Tool
JavaScript und Grafik
- Vectorgrafik in JS: http://www.walterzorn.de/
- SVG und JS: Linkliste http://www.scale-a-vector.de/link-d.htm
- Objekte in JavaScript http://www.infos24.de/javascripte/handbuch/18_js_objektorientiert.htm
- Turtlegrafik in JavaScript: http://www.g-heinrichs.de/software/informat.htm#Turtle
- Turtlegrafik in JavaScript: http://www.pieperu.de/turtle/
- http://js-tut.aardon.de/js-tut/anhangD/djsgt/index.html - DJSGT - Vektorgrafik in HTML-Seiten
Anwendungen als Demonstration
Einführungen und Tutorials
- Barmetler, Thomas
- JavaScript Tutorial für Einsteiger
- Schäling, Boris
- Webseiten erstellen mit Javascript
- Wenz, Christian Wenz
-
- Christian Wenz, JavaScript. Das umfassende Handbuch, Galileo Computing, 847 S., 9., aktualisierte Auflage 2009, geb., mit DVD, 39,90 Euro, ISBN 978-3-8362-1397-4
- Referenzkarte – Handbuch JavaScript (1 Seite)
- Leseprobe: JavaScript, 6. Aufl. (1.95 MB)
- "Hier finden Sie Kapitel 1-3 komplett! Zusätzlich enthält die PDF-Datei das ausführliche Inhaltsverzeichnis und den Index."
- Leseprobe: Vorbereitung und Programmierung I; aus: Christian Wenz, JavaScript. Browserübergreifende Lösungen, 4. Aufl. (0.43 MB)
- "Lesen Sie hier bereits Kapitel 2 und 3 aus dem Buch ..."
- JavaScript - von Christian Wenz (Galileo Computing / <openbook> / JavaScript), Online-Version der 3. Auflage
Linkliste
Ausblick
Weitere Links
- http://de.selfhtml.org/javascript/
- http://www.robert-web.de/java.shtml
- Unterrichtsgang
- und auch http://www.squarefree.com/shell/shell.html Interessante Ideen
- Mathematische Beispiele
Seite bookmarken
