Das Programmieren mit der Programmiersprache JavaScript – Die absoluten Grundlagen
Teil 0 Grundlagen
Kapitel 0 Erste Schritte
- >724665 Lektion 0.0. Programmiersprachen
- >722767 Lektion 0.1. Einige Erklärungen zur JavaScript -Programmierung
Teil 1 Ausdrücke
Kapitel 1 Auswertungen
- >724614 Lektion W-0 ℋ Die Eingabetaste
- >724617 Lektion W-1 ℋ ▲ – Die Richtungstasten ᵉ
- >724119 Lektion W-2 ℋ (Windows -spezifisch) „Strg-V“ – Bezeichnungen für Tastaturbetätigungen ᵉ
- >724628 Lektion W-3 ℋ (Windows -spezifisch) „Strg-A“ – Ausgewählte Tastenkombinationen unter Windows ᵉ
- >723157 Lektion 1.0. Die JavaScript -Konsole unter Mozilla Firefox 38
- Die Lektionen und Kapitel dieses Kurses, deren Nummer mit „B“ beginnt, behandeln JavaScript als Skriptsprache für Web-Browser. Falls ein Leser nur die Programmiersprache JavaScript erlernen will, aber nicht speziell an JavaScript als Skriptsprache für Web-Browser interessiert ist, kann er die Lektionen, deren Nummer mit „B“ beginnt, meist überspringen. Falls der Leser mit einer anderen JavaScript -Implementation üben will als Firefox, muß er jedoch noch deren Handhabung erlernen. Falls der Leser mit der JavaScript -Implementation Firefox üben will, sollte er in diesem Kurs die Lektionen lesen, die mit „X“ gekennzeichnet sind, um zu erlernen, wie Firefox verwendet werden kann, um Ausdrücke und Skripte auszuwerten.
- Alle im folgenden mit einem Sternchen »*« gekennzeichneten Lektionen (wie die nächste Lektion zur JavaScript -Shell von SpiderMonkey ) können beim ersten Lesen übersprungen werden!
>724367 Lektion S-0 Die JavaScript -Shell von SpiderMonkey *
>724370 Lektion N-0 Die Node -Shell für JavaScript *
- >724280 Lektion 1.1. Ausdrücke
- >724286 Lektion 1.2. Werte
- >724289 Lektion 1.3. Auswertungen
- >724325 Lektion 1.4. Ausgabedarstellungen in JavaScript
Kapitel 2 Aufbaudiagramme
- >724399 Lektion 2.0. »( A )« – Terminalsymbole
- >724402 Lektion 2.1. »A« – Kategorien
- >724400 Lektion 2.2. »| A |« – Nichtterminalsymbole
- >724640 Lektion 2.3. »| ein Zeichen |« – Vage Kategorien ᵉ °
- >724401 Lektion 2.4. ».« – Verzweigungen
Kapitel 3 Literale
- >722595 Lektion 3.5. »"abc"« – Zeichenfolgenliterale in JavaScript
- >723204 Lektion 3.6. Aufbaudiagramme zu JavaScript
>724341 Lektion B-1 Die Ausgabe von Zeichenfolgen in der Konsole von Firefox
- >722591 Lektion 3.7. »123« – Numeralia in JavaScript
- >722769 Lektion 3.8. »1.23« – Nachkommastellen in JavaScript
Kapitel 4 Typen
- >722655 Lektion 4.0. ›number‹ – Typen in JavaScript
Kapitel 5 Operatoren
- >724340 Lektion 5.0. »+« – Der Ausdruck »+…« in JavaScript
- >722771 Lektion 5.1. »-« – Der Ausdruck »-…« in JavaScript
- >724112 Lektion 5.2. Operatoren und Operanden in JavaScript
- >722773 Lektion 5.3. Lexikalische Einheiten und Leerraum in JavaScript
- >722521 Lektion 5.4. Syntaxdiagramme
- >723645 Lektion 5.5. Spezielle Zeichenkombinationen
- >722515 Lektion 5.6. Syntaktische Rekursion
- >722780 Lektion 5.7. »/*« »*/« – Kommentare in JavaScript
- >723162 Lektion 5.8. Der Operator »typeof« in JavaScript
- >722781 Lektion 5.9. »(« »)« – Die Ausdruckklammern in JavaScript
- >722782 Lektion 5.10. »/« – Die Division in JavaScript
- >722783 Lektion 5.11. »+« – Die Addition in JavaScript
- "" + 2
- >722784 Lektion 5.12. »-« – Die Subtraktion in JavaScript
- >722785 Lektion 5.13. »*« – Die Multiplikation in JavaScript
- >723571 Lektion 5.14. »===« – Gleichwertigkeit in JavaScript
- >723826 Lektion 5.15. »!==« – Ungleichheit in JavaScript
- >723878 Lektion 5.16. »<« – Vergleiche in JavaScript
Kapitel 6 Namen
- >722787 Lektion 6.0. »Infinity« – Wertnamen in JavaScript
- >723386 Lektion 6.1. »Infinity« – Bezeichner in JavaScript
Kapitel 7 Verzeichnisse
- >723388 Lektion 7.2. »this.Infinity« – Eintragsausdrücke (Namen) in JavaScript
>724167 Lektion B-2 JavaScript -Verzeichnisse unter Mozilla Firefox 39
- >723572 Lektion 7.3. »in« – Der Operator »in« in JavaScript
- >722788 Lektion 7.4. »this« – Das globale Verzeichnis in JavaScript
- >723374 Lektion 7.5. »this.Math« – Unterverzeichnisse in JavaScript
>723161 Lektion B-3 X Das Verzeichnis »this.window« (das BOM ) in JavaScript mit Firefox 38
Kapitel 8 Die Entwicklung von SIL-Programmen
Abschnitt Übungen zum Umgang mit Windows und HTML
>724171 Lektion W-1 Übung zum Umgang mit Microsoft® Windows
>724172 Lektion B-4 Übung zum Schreiben von HTML -Quellen
Abschnitt Einführung zum Starten von Browser-Programmen unter Windows
>724257 Lektion W-0 Notepad++ zum Ausführen von SIL-Programmen
Hinweis für den Dozenten ► Die folgende kurze Rekapitulation von Windows braucht nur dann behandelt zu werden, wenn es Schwierigkeiten bei der Verwendung von Notepad++ gab oder Notepad++ nicht verfügbar ist.
Falls alle Kursteilnehmer bereits über ausreichende Windows-Kenntnisse verfügen, kann die kurze Rekapitulation von Windows ebenfalls übersprungen werden!
>723881 Exkurs W-1 Windows-Grundlagen für Programmierkurse
Abschnitt Einführung in SIL unter Windows
Hinweis für den Dozenten ► Falls alle Kursteilnehmer bereits über HTML-Kenntnisse verfügen, kann die folgende Einführung in SIL übersprungen werden!
>724265 Lektion B-5 Erste Schritte mit SIL
>724264 Lektion B-6 Startmarken in SIL
>724266 Lektion B-7 Endmarken in SIL
>724267 Lektion B-8 Elemente in SIL
>724331 Lektion B-9 Aufteilung von SIL-Quellen auf mehrere Zeilen
>724156 Lektion B-10 Kennungen in SIL
>724260 Lektion B-11 NAOTWO – Kennungen in JavaScript
>724366 Lektion B-12 Attribute in SIL
Kapitel 9 Fortsetzung des Kapitels „Verzeichnisse“
>723409 Lektion B-13 Elementverzeichnisse – Das Wort »outerHTML« [–] in JavaScript mit Firefox 38
- >723378 Lektion 9.6. »+Infinity« – Eintragsausdrücke und Operatoren in JavaScript
- >722789 Lektion 9.7. Die Dokumentation des globalen Verzeichnisses von JavaScript
- >723428 Lektion 9.8. Der Wert «undefined» in JavaScript
- >723433 Lektion 9.9. Der Wert «NaN» in JavaScript
Kapitel 10 Aufrufe
- >722790 Lektion 10.0. Aufrufe in JavaScript
- >723419 Lektion 10.1. Dokumentation von Funktionen in JavaScript
- >723574 Lektion 10.2. »()=>« – Funktionsausdrücke in JavaScript
- >722791 Lektion 10.3. Argumente in JavaScript
- >723853 Lektion 10.4. Die Funktion ›Math.floor‹ in JavaScript ⃗
- >723855 Lektion 10.5. Verschiedene Arten von Argumentausdrücken in JavaScript ⃗
- >723854 Lektion 10.6. Ergänzungen zu Argumenten in JavaScript ⃗
- >722792 Lektion 10.7. Parameter der Dokumentation in JavaScript
- >722793 Lektion 10.8. Funktionsaufrufe mit mehreren Argumenten in JavaScript
- >723560 Lektion 10.9. Variable Anzahl von Argumenten in JavaScript
- >722572 Lektion 10.10. Einzelne nützliche Aufrufe in JavaScript
- >723728 Lektion 10.11. »=« – Der Wert der Zuweisung in JavaScript
Teil 2 Wirkungen
Kapitel 11 Auswertungen in Umgebungen
- >723729 Lektion 11.0. Die Wirkung der Zuweisung in JavaScript
- >723410 Lektion 11.1. Die Syntax der Zuweisung in JavaScript
- >723856 Lektion 11.2. Wirkungen in JavaScript
- >724369 Lektion 11.3. Muster von Zuweisungen
- >723727 Lektion 11.4. Verzeichnisse und ihre Einträge in JavaScript
- >723860 Lektion 11.5. »delete« – Löschen in JavaScript
>724361 Lektion B-14 Typen in SIL
>723732 Lektion B-15 Die Zuweisung im Browser in JavaScript unter Firefox 49
>723411 Lektion B-16 Der Eintrag »window.location.href« in JavaScript mit Firefox 38
>723408 Lektion B-17 Das Wort »innerHTML« [–] in JavaScript mit Firefox 49
- >723580 Lektion 11.6. Funktionen und Zuweisungen in JavaScript
- >722794 Lektion 11.7. Umgebungen in JavaScript ⃗
- >722624 Lektion 11.8. ›console.log‹ – Wirkfunktionen in JavaScript ⃗
- >723863 Lektion 11.9. Alternative Kurzlektion zu ›console.log‹ in JavaScript ↔
- >722796 Lektion 11.10. Ausdrücke „ohne Wert“ in JavaScript
- >722585 Lektion 11.11. Anweisungen und Sequenzen in JavaScript
>723155 Lektion B-18 Wirkfunktionen und Sequenzen in JavaScript unter Firefox 49
- ›console.log‹, ›print‹, ›console.group‹, ›console.groupEnd‹, ›console.trace‹, ›window.alert‹, ›prompt‹, ›confirm‹
>724368 Lektion S-1 Skript-Dateien für die JavaScript -Shell von SpiderMonkey
>724363 Lektion B-19 Skripte in Dokumenten
>724364 Lektion B-20 Ereignisbehandlung im Browser ##
>722648 Lektion B-21 Das JavaScript -Pseudoprotokoll
>724757 Lektion B-22 Das body-Attribut des document-Verzeichnisses
Kapitel 12 Stilistische Verbesserungen
Bis zu dieser Stelle wurden verschiedene Aspekte vereinfacht, damit die ersten Schritte erleichtert werden.
In der professionellen Praxis wird oft Wert auf guten Programmierstil gelegt, auch wenn dadurch manches zunächst etwas verkompliziert wird.
Wir werden ab jetzt auch einige Möglichkeiten zur Verbesserung des Stils unserer bisherigen Programme kennenlernen.
Ab hier wird der Kurs schwieriger, aber dies ist unvermeidlich, wenn verhindert werden soll, daß sich die allzu simplen Vorgehensweisen im bisherigen Kurs als „schlechte Gewohnheiten“ verfestigen.
>724365 Lektion B-23 Polyglottes HTML5
>722623 Lektion B-24 Trennung in HTML -Dokumenten
>723422 Lektion B-25 Der Eintrag »getElementById« [DOM ] in JavaScript unter Firefox 49
>723482 Lektion B-26 »addEventListener« [DOM ] – Reaktionen hinzufügen
>723483 Lektion B-27 »mousedown« - Ereignisempfänger in JavaScript unter Firefox 49 (o)
- >723168 Lektion 12.0. Der Wert ›null‹ in JavaScript
>723733 Lektion B-28 ›null‹ im Browser in JavaScript mit Firefox 49
>723534 Lektion B-29 Kurze Einführung in CSS
>723551 Lektion B-30 Zugriffe auf Attribute [DOM ] in JavaScript unter Firefox 49
>723381 Lektion B-31 Zugriffe auf Klassen [DOM ] in JavaScript unter Firefox 49
>723506 Lektion B-32 Ereignisbehandlung mit Klassenlisten [DOM ] in JavaScript unter Firefox 49
>724425 Lektion B-33 Der Eintrag »textContent« [DOM ] in JavaScript unter Firefox (Stand 2019)
>723799 Lektion B-34 Mouseover in JavaScript unter Firefox 49
- >723736 Lektion 12.1. »eval« in JavaScript
>723747 Lektion B-35 »eval« in JavaScript unter Firefox 49
>723734 Lektion B-36 Formulare in HTML ##
>723735 Lektion B-37 Formulare in JavaScript unter Firefox 49
>723487 Lektion B-38 Apps in JavaScript unter Firefox 49 (o)
>723896 Lektion B-39 ›document.writeln‹ in JavaScript unter Firefox 49 ⃗
- >722636 Lektion 12.2. »{« »}« – Blöcke in JavaScript
- >723602 Lektion 12.3. Blöcke in Funktionsausdrücken in JavaScript
>723486 Lektion B-40 Animationen in JavaScript unter Firefox ##
>724432 Lektion B-41 (Vorabversion) Übergänge in CSS
Teil 3 Deklarationen
Kapitel 13 Deklarationen
Bisher hatten wir schon durch eine Zuweisung Einträge von Verzeichnissen angelegt.
Die Zuordnung eines Wertes zu einem Namen ist der Hauptzweck einer Zuweisung. Daß dabei auch ein neuer Eintrag angelegt wird, ist eher ein Nebeneffekt. Dies kann dazu führen, daß bei einer Zuweisung manchmal versehentlich ein neuer Eintrag angelegt wird (etwa aufgrund eines Tippfehlers, wenn eigentlich ein anderer, schon existenter, Eintrag gemeint ist).
Die Angabe eines Parameternamens auf der linken Seite eines Pfeils »=>« dient nur dazu den Parameter anzulegen. Solch eine Einführung eines neuen Namens nennt man eine Deklaration. Deklarationen von Namen helfen dabei, Flüchtigkeitsfehler bei Verwendungen von Namen zu erkennen und zu vermeiden. Dieses Kapitel beschäftigt sich mit solchen Deklarationen.
- >723576 Lektion 13.0. »x =>« – Parameterdeklarationen in Funktionsausdrücken in JavaScript
- >723738 Lektion 13.1. Funktionale Argumente in JavaScript ⃖
- Rückrufe, callbacks
- >723739 Lektion 13.2. Verschachtelte Funktionsausdrücke in JavaScript *
- >723740 Lektion 13.3. Mehrere Parameter in JavaScript
- >723737 Lektion 13.4. Fehlwerte für Parameter in JavaScript ⃗
>722802 Lektion B-42 Die Ereignisbehandlung in JavaScript unter Firefox 49 〈1〉 ⃗
- >723742 Lektion 13.5. »return« – Die Rückgabeanweisung in JavaScript
- >723579 Lektion 13.6. »"use strict";« in JavaScript
>723743 Lektion B-43 »"use strict";« in JavaScript unter Firefox 49
- >722800 Lektion 13.7. »const« – Konstanten in JavaScript
>722588 Lektion B-44 Konstanten in JavaScript unter Firefox 49
- >723744 Lektion 13.8. Lokale Blockkonstanten in JavaScript
>723745 Lektion B-45 Lokale Konstanten in JavaScript unter Firefox 49
- >722801 Lektion 13.9. »let« – Variablen in JavaScript
>723792 Lektion B-46 Die Ablaufverfolgung in JavaScript unter Firefox 49
Teil 4 Kontrollstrukturen
Kapitel 14 Kontrollstrukturen
Schwerpunkt: strukturierte Programmierung
Die Behandlung von Kontrollstrukturen (wie »?:« und »while«) bildet den Schwerpunkt dieses Kapitels.
- >722603 Lektion 14.0. Der Datentyp ›boolean‹ in JavaScript
- >722810 Lektion 14.1. »?« »:« – Der ternäre Operator in JavaScript
>723795 Lektion B-47 Ternäre Ausdrücke in JavaScript unter Firefox 49
- >722811 Lektion 14.2. »if« – Die bedingte Auswertung in JavaScript
>723796 Lektion B-48 Bedingte Auswertungen in JavaScript unter Firefox 49 〈1〉 (o)
- >722813 Lektion 14.3. »else« – Die Verzweigung in JavaScript
>722818 Lektion B-49 Entscheidungsstrukturen in JavaScript unter Firefox 49
- >722814 Lektion 14.4. »while« – Iterationen in JavaScript
- >720899 Lektion 14.5. Übungsaufgaben zu Schleifen
- >723434 Lektion 14.6. Die for-Schleife in JavaScript
- >723525 Lektion 14.7. Die lexikalische for-Schleife in JavaScript
- >723929 Lektion 14.8. »!« – Die Negation in JavaScript
- >723804 Lektion 14.9. »==« und »!=« – Gleichartigkeit in JavaScript
- >722804 Lektion 14.10. »&&« – Die logische Und-Verknüpfung in JavaScript
- >724135 Lektion 14.11. »||« – Die logische Oder-Verknüpfung in JavaScript
- >723934 Lektion 14.12. »<« – Der Kleiner-Operator in JavaScript
- >722807 Lektion 14.13. »<=« – Weitere Vergleiche in JavaScript
Bis hierher wurde dieser Kurs derzeit überarbeitet (Stand 2019). Der nun folgende Rest des Kurses ist als eine noch nicht ausgearbeitete Sammlung von Stichwörtern und Notizen zu verstehen.
>722808 Lektion 14.14. »+=«« – Verbundzuweisungen in JavaScript
>722809 Lektion 14.15. »++« – Inkrementieren und Dekrementieren in JavaScript
- >722805 Lektion 14.16. »%« – Der Rest in JavaScript
>722812 Lektion 14.17. »;« – Die leere Anweisung in JavaScript
>723420 Lektion B-50 Einfärben von Tabellenzeilen mit JavaScript unter Firefox 49
>724430 Lektion B-51 (Vorabversion) Leinwände unter Firefox
- canvas
>724431 Lektion B-52 »requestAnimationFrame« unter Firefox
Teil 4 Ergänzungen
Interpolation, wie in `a=${a}`
Aufbaukurs JavaScript
Kapitel 15 EBNF
Kapitel 16 Empfehlungen zur Verwendung von HTML und JavaScript
Kapitel 17 HTML und das DOM
Kapitel 18 Einige DOM-Einträge
>723415 Lektion B-53 Der Eintrag »this.document.nodeName« in JavaScript mit Firefox 38
>723262 Lektion B-54 Das Wort »firstElementChild« in JavaScript mit Firefox 38
>723416 Lektion B-55 Das Wort »lastElementChild« in JavaScript mit Firefox 38
Teil 5 Objektorientierte Programmierung
Dieser Aufbaukurs befindet sich noch im Aufbau und ist sehr unvollständig. Die Lektionen sind bisher noch nicht gut angeordnet und ausgearbeitet!
Kapitel 19 Objekte von Hülltypen
- >723165 Lektion 19.0. »new« – Erzeugungsausdrücke in JavaScript
- >724123 Lektion 19.1. Der Konstruktor ›String‹ in JavaScript
Kapitel 20 Objekte von Nichthülltypen
Hier behandeln wir Typen, die keine Hülltypen elementarer Typen sind.
Kapitel 21 Auflistungen
- >723413 Lektion »[« »]« – Die Klammerschreibweise in JavaScript
- >723417 Lektion »length« – Auflistungen in JavaScript
- Reihungsliterale in JavaScript (Lektion fehlt noch)
Kapitel 22 Methoden
Die Deklaration von Methoden für Verzeichnisse, insbesondere die Bedeutung von »this«.
Die bisher behandelten Funktionsausdrücke können zur Unterscheidung von langen Funktionsausdrücken jetzt auch „Klammerpfeilausdrücke“ genannt werden.
- >723577 Lektion Lange Funktionen in JavaScript
- >722761 Lektion »function« –Funktionsdeklarationen in JavaScript
- >722803 Lektion Parameterdeklarationen in JavaScript
- >723563 Lektion Ziele in JavaScript
- >723578 Lektion Verzeichnisausdrücke in JavaScript
- >723581 Lektion Verzeichnisse und Zuweisungen in JavaScript
- >723582 Lektion Verzeichnisfunktionen in JavaScript
- >722815 Lektion 22.2. Präzise Definitionen von Eigenschaften
- >723205 Browser-Anwendungen mit dynamischen Objekten
Kapitel 23 Prototypen
- >723189 Lektion 23.0. Anzeige von Prototypen in JavaScript
- >723191 Lektion 23.1. Eigenschaften von Prototypen in JavaScript
Kapitel 24 Konstruktoren
- >723166 Lektion 24.0. Definition von Konstruktoren in JavaScript
- >723169 Lektion 24.1. Klassen in JavaScript
Kapitel 25 Weitere Themen
>723587 Lektion B-56 Öffnen neuer Fenster in JavaScript
- >722816 Lektion »var« – Klassische globale Variablen in JavaScript
>722589 Lektion B-57 Externes JavaScript (Getrennte Übersetzung, Trennung in mehrere Ressource) ##
- >723370 Lektion 25.2. »**« – Das Potenzieren in JavaScript
Kapitel 26 Das DOM
Ausführlichere Behandlung des DOMs.
>723693 Lektion B-58 Profile in JavaScript mit Firefox 38
>723394 Lektion Das Wort »Node#nodeType« in JavaScript mit Firefox 38
>723424 Lektion Das DOM-Lemma »#getElementsByTagName«
>723425 Lektion Das DOM-Lemma »#getElementsByClassName«
>723023 Lektion Das DOM-Lemma »ParentNode#querySelector«
>723430 Lektion Das DOM-Lemma »ParentNode#querySelectorAll«
>723533 Lektion Kaskaden und Verzeichnisfunktionen in JavaScript
>723406 Lektion Sprachen in JavaScript mit Firefox 38
>723414 Lektion Das DOM-Lemma »ParentNode#children« in JavaScript mit Firefox 38
>723431 Lektion Die DOM-Sprache »ParentNode#«
>723412 Lektion B-59 Variablen für Dokumententeile in JavaScript mit Firefox 38
>723423 Lektion B-60 Das DOM-Lemma »Node#textContent« in JavaScript mit Firefox 38
>723426 Lektion B-61 Das DOM-Lemma »Node#ownerDocument«
>723427 Lektion B-62 Das DOM-Lemma »Node#parentNode«
>723489 Lektion B-63 »EventTarget#removeEventListener« – Reaktionen entfernen
>724371 Lektion B-64 Beispiele für DOM -Scripting
Teil A Anhang
Kapitel 27 Werkstattnotizen
Die Werkstattnotizen sind nicht-ausformulierte Notizen des Autors, die aber manchmal schon ausreichend viele Informationen zur Lösung einer Aufgabenstellung beinhalten.
- >723418 Notiz 28.0. Ajax mit JavaScript ##
- >722819 Notiz 28.1. jQuery in JavaScript ##
- >723379 Notiz 28.2. Verschiedenes: UFilter, Parser, Proxy
- >724534 Notiz 28.3. Tastatursteuerung einer Bildliste
Teil N Nachschlageteil
Kapitel 29
- >710575 Stilistische Empfehlungen zur JavaScript -Programmierung
- >724531 Tastaturereignisse in JavaScript
>722820 B-65 Gedächtnisstütze für Selektoren von CSS3
>722821 B-66 Firefox
>723591 B-67 Das DOM (2016-05)
>724071 JavaScript -Fragmente
>724180 URIs und Auflistungen von Übungsdokumenten dieses JavaScript -Kurses
- >723024 Resources for JavaScript
>724098 Informationsquellen zu JavaScript
>724259 Mehr über SIL