{"id":371,"date":"2016-07-07T22:48:15","date_gmt":"2016-07-07T20:48:15","guid":{"rendered":"http:\/\/www.g-heinrichs.de\/wordpress\/?page_id=371"},"modified":"2025-07-06T16:26:04","modified_gmt":"2025-07-06T14:26:04","slug":"javascript","status":"publish","type":"page","link":"https:\/\/www.g-heinrichs.de\/wordpress\/index.php\/informatik\/javascript\/","title":{"rendered":"JavaScript"},"content":{"rendered":"

Informatik lernen mit JavaScript<\/h2>\n

Dieser Kurs wurde konzipiert f\u00fcr Sch\u00fclerinnen und Sch\u00fcler der Mittelstufe, die sich f\u00fcr das Fach Informatik im Wahlpflichtbereich II (NRW) entschieden haben. Der Titel macht es schon deutlich: Dieses Skript will nicht als einer von vielen JavaScript-Programmierkursen verstanden werden; es liefert daher auch nur wenige JavaScript-typische Programmiertechniken. Vielmehr geht es hier darum, grundlegende Konzepte der Informatik anhand einer modernen Programmiersprache zu vermitteln.<\/p>\n

Dass als Programmiersprache JavaScript benutzt wird, hat mehrere Gr\u00fcnde: Zum Einen steht diese Sprache (\u00fcber einen Internet-Browser) allgemein zur Verf\u00fcgung, so entf\u00e4llt die Anschaffung teuerer Software. Zum Anderen ist JavaScript weit verbreitet und weist \u00c4hnlichkeiten auf mit anderen h\u00e4ufig benutzten Programmiersprachen wie C++ und Java; und wie diese ist Java-Script modern, insbesondere bietet sie Ans\u00e4tze zur objektorientierten Programmierung. Und nicht zuletzt sei bemerkt: JavaScript ist relativ einfach zu lernen.<\/p>\n

Hinweis<\/em>: Einige neuere Windows-Versionen erschweren zur Zeit die Benutzung von JAVA-Applets (ben\u00f6tigt bei der Igel-Programmierung) und ActiveX-Komponenten (ben\u00f6tigt bei den Experimenten zur PDV). Ich will versuchen bis zum Ende des Jahres 2016 eine L\u00f6sung f\u00fcr dieses Problem zu finden.<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Titel (Seitenzahl)<\/strong><\/td>\nEinf\u00fchrung<\/strong><\/td>\nInhalte<\/strong><\/td>\n<\/tr>\n
Der Computer – ein ungew\u00f6hnliches Werkzeug<\/a> (2)<\/td>\n<\/td>\nHardware, Software, EVA<\/td>\n<\/tr>\n
Internet<\/a> (1)<\/td>\nMotivationsseite<\/td>\n<\/td>\n<\/tr>\n
Wir reisen \u00fcber die Datenautobahn<\/a> (8)<\/td>\nInformationen weltweit austauschen<\/td>\nBrowser benutzen (Fenster, Men\u00fc…)Merkmale von Webseiten
\n– Texte und Formatierungen
\n– Bilder und Tabellen
\n– Links und Marken
\n– Internetadressen<\/td>\n<\/tr>\n
Intermezzo: Wie funktioniert das Internet<\/a>? (3)<\/td>\n<\/td>\nNetze, Gateways, Router, TCP\/IP, IP-Adresse, HTTP<\/td>\n<\/tr>\n
Wir gestalten Webseiten<\/a> (9)<\/td>\nWebdesign<\/td>\nTextverarbeitung mit Fpxpress
\nGrundbegriffe der Textverarbeitung
\nLinks
\nPizza-Projekt<\/td>\n<\/tr>\n
Intermezzo: Komprimierung von Dateien<\/a> (1)<\/td>\nzip-Download<\/td>\nBilder und Word-Dokumente: viele gleiche oder \u00e4hnliche Zeichen…<\/td>\n<\/tr>\n
Wir studieren HTML<\/a> (5)<\/td>\nSteuerzeichen bei Word-Dokument<\/td>\nTags als Steuerzeichen: Detektivarbeit: einfache Tags entschl\u00fcsseln Konzept
\nKopf und K\u00f6rper: head und body
\nWebseite mit Editor erstellen
\nTags f\u00fcr Bilder, Marken und Links<\/td>\n<\/tr>\n
Programmieren<\/a> (1)<\/td>\nMotivationsseite<\/td>\n<\/td>\n<\/tr>\n
Wir lassen zeichnen<\/a> (22)<\/td>\nCAD<\/td>\nIgelbefehle
\nFunktionen und Variable (reservierte Schl\u00fcsselw\u00f6rter)
\nSchleifen
\nModulares Programmieren<\/td>\n<\/tr>\n
Intermezzo: Farbenlehre und 256-System<\/a> (2)<\/td>\n<\/td>\nFarben beim Igel; Farbfernseher; additive Farbmischung; Tabelle mit typischen Farben; Farbmischprogramm!<\/td>\n<\/tr>\n
Wir programmieren interaktive Webseiten<\/a> (10)<\/td>\nBestellformular: Gesamtpreis und MWSt<\/td>\nFormulare (Textfeld, Knopf, Objekthierarchie)
\nJavaScript-Tags
\nZahlenverarbeitung mit JS (EVA)
\nAufgaben auch mit Schleifen<\/td>\n<\/tr>\n
Intermezzo: Maschinencode<\/a> (1)<\/td>\n<\/td>\nMaschinencode, Compiler, Interpreter<\/td>\n<\/tr>\n
Ja oder Nein: Wir lassen pr\u00fcfen und entscheiden<\/a> (10)<\/td>\nBest\u00e4tigungsfenster…<\/td>\nif …
\nMeldungsfenster
\nWahrheitswerte true und false<\/td>\n<\/tr>\n
Intermezzo: Information<\/a> (4)<\/td>\n\u201eWas bin ich?“- Beruferaten<\/td>\nBerufe-Raten, Automaten f\u00fcr Fahrkartenverkauf; Informationsgehalt x bit, vgl. Informatik-Lexikon<\/td>\n<\/tr>\n
Wir verschl\u00fcsseln Texte<\/a> (13)<\/td>\nGeheimbotschaften C\u00e4sarkodierung<\/td>\nZeichenketten-Objekt
\nKodierung
\nSuche und Ersetze (vgl. auch Tabellenkalkulationsprojekt TK2)<\/td>\n<\/tr>\n
Intermezzo: Codes \u00fcberall<\/a> (3)<\/td>\nMorszeichen, PLZ, Schrift<\/td>\nKodierung in Natur, Technik und Wirtschaft<\/td>\n<\/tr>\n
Wir arbeiten mit Datenbanken<\/a> (16)<\/td>\nSuchen nach Telefonnummer in Internetdatenbank<\/td>\nNamenliste, Telefonliste, Vokabeltrainer…<\/td>\n<\/tr>\n
Intermezzo: Wie sch\u00fctze ich meine Daten?<\/a> (6)<\/td>\nFilm: WARGAMES<\/td>\nHacker, Strafgesetzbuch, Schufa, Einige Ausz\u00fcge aus dem Datenschutzgesetz<\/td>\n<\/tr>\n
Wir studieren Objekte<\/a> (9)<\/td>\nOOP: Objekte \u00fcberall; Beispiel: Eigenschaften und Methoden bei vektoriellen Zeichenprogramm(Presentations)<\/td>\nDate-Objekt
\nVgl. von Zeichenketten-,Date- und Array-Objekt -> allg. Objektstruktur: Eigenschaften und Methoden; Objektmodell
\nEinfaches Objekt (Autorennen)
\nIgel-Objekt<\/td>\n<\/tr>\n
Intermezzo: Zufallszahlen<\/a> (5)<\/td>\nKartenmischen bei Spider-Solitair<\/td>\nBenutzung und Bildung von Zufallszahlen;
\nUntersuchung von Verteilungen<\/td>\n<\/tr>\n
Warten auf Ereignisse<\/a> (7)<\/td>\nKnopf mit Ver\u00e4nderung bei mouseover- und pressed-Ereignis<\/td>\nEreigniskonzept von Windows
\nObjekte und Ereignisse in JS
\nEreignisbehandlungsfunktionen (event handler)<\/td>\n<\/tr>\n
Intermezzo: Betriebssysteme<\/a> (3)<\/td>\nBetriebssystem \u00fcbernimmt Aufgaben<\/td>\nBeispiel Meldungsfenster, Treiber…
\nWindows, Linux, MacOs<\/td>\n<\/tr>\n
Prozessdatenverarbeitung<\/a> (1)<\/td>\nMotivationsseite<\/td>\n<\/td>\n<\/tr>\n
Wir steuern Anlagen<\/a> (10)<\/td>\nCOM-Platine<\/td>\nSerielle Schnittstelle, Platine, COMX, Ausg\u00e4nge, Aktoren und Sensoren<\/td>\n<\/tr>\n
Intermezzo: Wir stellen Zahlen mit Leuchtdioden dar<\/a> (3)<\/td>\nto compute…<\/td>\nZweiersystem<\/td>\n<\/tr>\n
Wir messen digital<\/a> (6)<\/td>\nFu\u00dfg\u00e4ngerampel mit Bedarfsanforderung<\/td>\nEing\u00e4nge, While-Schleife<\/td>\n<\/tr>\n
Intermezzo: Wie funktioniert eine Computermaus<\/a>? (1)<\/td>\n<\/td>\n<\/td>\n<\/tr>\n
Wir messen analog<\/a> (5)<\/td>\nLuftvolumenmessung und EKG, Joystick<\/td>\nLadezeit eines Kondensators, Kalibrierung,<\/td>\n<\/tr>\n
Wir \u00fcbertragen Daten mit Licht<\/a> (5)<\/td>\nGlasfaser f\u00fcr Internet<\/td>\nPrinzip der seriellen Daten\u00fcbertragung, Programme dazu<\/td>\n<\/tr>\n
Projekte<\/a><\/td>\n<\/td>\n<\/td>\n<\/tr>\n
(3)<\/td>\nProfessionelles Arbeiten im Team:Koordinierung; benutzersichere u. Anwenderfreundliche Programmierung<\/td>\nRechentrainer
\nTaschenrechner
\nTabellenkalkulation
\nFahrkartenautomat
\nVokabeltrainer<\/td>\n<\/tr>\n
Anhang<\/a><\/td>\n<\/td>\n<\/td>\n<\/tr>\n
(5)<\/td>\n<\/td>\nHTML-Tags, Hexadezimalsystem, Farbtabelle, Math-Objekt, Bezugsquellen<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Anzahl der Seiten: ca. 180<\/p>\n","protected":false},"excerpt":{"rendered":"

Informatik lernen mit JavaScript Dieser Kurs wurde konzipiert f\u00fcr Sch\u00fclerinnen und Sch\u00fcler der Mittelstufe, die sich f\u00fcr das Fach Informatik im Wahlpflichtbereich II (NRW) entschieden haben. Der Titel macht es schon deutlich: Dieses Skript will nicht als einer von vielen JavaScript-Programmierkursen verstanden werden; es liefert daher auch nur wenige JavaScript-typische Programmiertechniken. Vielmehr geht es hier …<\/span> Read More →<\/span><\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":190,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/www.g-heinrichs.de\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/371"}],"collection":[{"href":"https:\/\/www.g-heinrichs.de\/wordpress\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.g-heinrichs.de\/wordpress\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.g-heinrichs.de\/wordpress\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.g-heinrichs.de\/wordpress\/index.php\/wp-json\/wp\/v2\/comments?post=371"}],"version-history":[{"count":17,"href":"https:\/\/www.g-heinrichs.de\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/371\/revisions"}],"predecessor-version":[{"id":2006,"href":"https:\/\/www.g-heinrichs.de\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/371\/revisions\/2006"}],"up":[{"embeddable":true,"href":"https:\/\/www.g-heinrichs.de\/wordpress\/index.php\/wp-json\/wp\/v2\/pages\/190"}],"wp:attachment":[{"href":"https:\/\/www.g-heinrichs.de\/wordpress\/index.php\/wp-json\/wp\/v2\/media?parent=371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}