Programmieren im Unterricht
Warum mit JavaScript im Unterricht programmieren?
Da JavaScript für die Darstellungen in einem Browser entwickelt wurde, muss der Programmcode nicht für den Prozessor eines Computers durch einen Compiler(C,C++,C#) oder eine Virtue Machine (Java, Python) übersetzt werden. JavaScript wird direkt von jedem Browser interpretiert und ist wegen der immer größer werdenden Bedeutung Web-basierter (Internet-basierter) Anwendungen und der Einigung der großen Internet-Konzerne HTML 5 gemeinsam zu unterstützen zur am meisten benutzten Programmiersprache geworden.
Weil die Ergebnisse der Programmierung mit JavaScript sofort im Browser dargestellt werden, kann es direkt zur Anwendung in Fächern wie Mathematik und Physik angewendet werden, indem Werte berechnet und die Darstellungen von Termumformungen (MathJax) und Texten (Inhaltsverzeichnisse) unterstützt werden. Insbesondere können über das HTML-Element Canvas mit JavaScript graphischen Objekten und damit Graphen und Animationen dargestellt und gesteuert werden.
Parallel zu seiner Bedeutung im Internet hat sich JavaScript inzwischen auch zur führenden Programmiersprache für die Automatisierung von Office-Anwendungen entwickelt. So löst Microsoft die Programmierung in Office mit VBA (VisualBasicfor Applications) durch OfficeScript ab, was unter der Bezeichnung TypeScript (entwickelt von Anders Hejlsberg) nichts weiter als eine ebenfalls offene Weiterentwicklung von JavaScript darstellt
Für die im Informatik-Unterricht unterrichteten Programmiersprachen gilt:
Obwohl Java in der Anwendung an Bedeutung verliert, ist sie immer noch Lehrsprache an den Universitäten.
Python gehört zwar momentan die Zukunft, weil es im Gegensatz zu JavaScript für Server-Anwendungen geeignet ist.
Schreiben von JavaScript-Programmen
JavaScript-Programme werden innerhalb einer HTML-Seite geschrieben und als Textdatei mit der Kennung html abgespeichert.
Meldet man sich bei W3Schhols,einem der weltweit bedeutesten Lern-Portale der Welt mit Sitz in Norwegen, kostenfrei an,
wird einem ein werbefreie Online-HTML-Editor zusammen mit einem einfachen Webserver zur Verfügung gestellt, sodass sie dort aus den persönlichen Wikis von Mebis aufgerufen werden können.
Die Dateien können aber lokal gesichert und
indem man die Dateien über Google-Chrome aufruft, im Menüpunkt Weitere Tools auf Fehler untersucht werden.
JavaScript-Programme lokal aufrufen
Windows
Im Windows-Editor wird in einer HTML-Seite der JavaScript-Code entweder im Head oder im Body der Html-Seite geschrieben und lokal als Textseite mit der Kennung html abgespeichert.
Unter Windows können lokal abgespeicherte Seiten in Google-Chrome als Standardbrowser angezeigt und mit der Funktionstaste F12 oder das Menü des Browsers auf Fehler überprüft werden (debuggen).
Tablet (IPAD)
HTML-Editoren müssen als kostenfreie App installiert werden.
Da in Browsern auf Tablets lokal gespeicherte Dateien nicht angezeigt werden können, müssen sie in der Editor-App betrachtet werden.
Als naheliegende Alternative bietet sich an, die kostenfreie Anmeldung bei dem weltweit führenden norwegischen Programmier-Portal W3Schools zu nutzen und in deren Editor die HTML-Dateien auf deren einfachen Webserver zu speichern..
Ruft man die auf dem Webserver von W3Schools erstellten Seiten mit Google-Chrome auf, können sie in diesem im Menüpunkt Weitere Tools auf Fehler über prüft werden.
JavaScript-Programme online innerhalb von Mebis aufrufen
Schüleinnen und Schüler innerhalb der persönlichen Wikis bei W3Schools
Lehrkräfte können die JavaScript-Programme in den Text-Seiten von Mebis ausführen.
Adressen zum Programmieren mit JavaScript
W3Schools
einfachste Möglichkeit Programmieren mit HTML5 zu lernen und zu schreiben (Norwegen)SelfHtml
Stefan Münz hatte vor Jahrzehnten begonnen HTML im Internet zu erklären, daraus entstand ein Verein, der dieses Wiki betreut. (Deutschland)
Einfache Beispiele zum Lernen von JavaScript im Unterricht
Im Informatikunterricht von Natur und Technik in der 7. Jahrgangsstufe arbeitet man mit Scratch und einfachen HTML..
In der 8. Jahrgangsstufe bieten sich als einfache Programmier-Beispiele Rechnungen und einfache Termumformungen zur Umsetzung mit HTML und JavaScript in Physik und Mathematik an.
In der 9. Klasse kann mit Klassen programmiert werden.
Weitere Beispiele finden sich im Menüpunkt Unterrichten beim Fach Physik .
Aufwendigere Beispiele für JavaScript im Internet
Digital-Anzeige mit JavaScript
Optische Animation aus dem Film Matrix mit JavaScript und Klassen
Professionelle Entwicklungsumgebungen für Programmiersprachen
Eclipse, das von IBM freigegeben wurde, ist wohl die am meisten verbreitete Entwicklungsumgebung für viele Programmiersprachen
Netbeans von Oracle ist speziell für Java
BlueJ und Greenfood sind pädagogische Entwicklungsumgebungen von Universitäten für Java
Mit Processing, das eigentlich über JavaScript die Grafikbibliothek zur Verfügung gestellt, kann dadurch sehr einfach mit Grafielementen für Java programmiert werden.
Blockly ist eine graphische Programmierumgebung von Google, auf der die meisten Programmierumgebungen für Kinder wie Scratch basieren, das aber auch professionell eingesetzt werden kann.
Programmieren von Hardware
Programmieren mit Scratch
Man kann Programmieren auch unabhängig von einer Programmiersprache durch einen visuellen Code-Editor mit Hilfe grafischer Blöcke lernen, wie dies bei Scratch (Wikipedia) der Fall ist, einer pädagogische Entwicklungsumgebung, die am Massachusetts Institute of Technology (MIT) entwickelt wurde und inzwischen im Zusammenhang mit Blockly von Google (Wikipedia) weiterentwickelt wird.