Die komplette JavaScript Masterclass: Vom Anfänger zum Profi

Hier erfährst du wie JavaScript-Programme Zeile für Zeile ausgeführt werden und ihre grundlegende Syntax; nämlich welche Bedeutung Einrückungen, Zeilenumbrüche und das ominöse Semikolon besitzen. Du lernst das Pattern, dass die Organisation deines Codes dazu dienen sollte, Übersichtlichkeit herzustellen, und schließlich wie Fehlermeldungen aussehen.

In diesem Video siehst du, wie man Variablen mithilfe des Schlüsselwortes let deklariert, ihnen Werte zuweist und wie man Variablen dann verwendet. Du erfährst auch, welche Regeln du bei Variablennamen beachten musst; so dürfen diese etwa nicht mit einer Zahl beginnen oder einen Punkt enthalten. Auch lernst du, wie du Kommentare als Erklärungen in deinem JavaScript-Code schreiben kannst.

Hier lernst du, wie du den Wert einer Variablen überschreiben kannst.

In dieser Lektion erfährst du die Bedeutung des strict modes "use strict", mit dem du z.B. die Möglichkeit untersagst, Variablen ohne Schlüsselwörter wie let zu deklarieren, was noch in älteren Versionen von JavaScript möglich war.

Hier lernst du grundlegende Datentypen in JavaScript wie Strings, Zahlen und Booleans kennen und wie du diese mit dem typeof - Operator abfragen kannst.

In diesem Video siehst du, wie du Berechnungen in JavaScript ausführst. Du erfährst, dass der Plus - Operator kontextsensitiv ist, also verschiedene Bedeutungen besitzt, je nachdem auf welchen Datentypen er angewendet wird, und dir werden die Gefahren von automatischen Umwandlungen der Datentypen aufgezeigt.

Du lernst eine Reihe von Eigenschaften und Methoden für Strings kennen: length, indexOf, toUpperCase, toLowerCase, replace und trim. Weiter erfährst du, dass du ein Zeichen an einer bestimmten Stelle in einem String mit charAt oder der eckigen Klammer-Schreibweise abrufen kannst. Am Ende siehst du wie du mehrere dieser Methoden miteinander kombinieren kannst.

In diesem Video siehst du weitere Methoden für Strings wie repeat, slice und substr in Aktion. Ebenfalls erfährst du, dass du mit \n Zeilenumbrüche in Strings einbauen kannst und dass du das Slash-Zeichen (Schrägstrich) "escapen" musst.

In dieser Lektion erfährst du, wie du die geläufigen mathematischen Operatoren für Addition (+), Subtraktion (-), Multiplikation (*) Division (/), Modulo (%) und Potenzen (**) in JavaScript anwenden kannst. Auch lernst du Möglichkeiten zum Runden von Zahlen via Math.round, Math.floor und Math.ceil kennen sowie die Math.max - und Math.min - Befehle, mit denen du das Maximum oder Minimum von beliebig vielen Zahlen bestimmen kannst. Wissenswert für dich ist auch, dass "Kommazahlen" in JavaScript immer nur mit Punkten geschrieben - Kommata haben andere Bedeutungen.

Hier lernst du, dass du Strings mit den Befehlen parseInt und parseFloat in Ganzzahlen bzw. Kommazahlen umwandeln kannst. Da beim Rechnen mit Kommazahlen Rundungsfehler auftreten können, wird dir gezeigt, wie du Kommazahlen vermeiden kannst. Umgekehrt siehst du auch, wie du Zahlen in Strings umwandeln kannst; insbesondere kannst du mithilfe von toExponential Zahlen in einer wissenschaftlichen Schreibweise darstellen, mit toFixed die Anzahl der Nachkommastellen festlegen und mit toPrecision die Anzahl der Ziffern bestimmen.

In dieser Lektion lernst du verschiedene Variablentypen kennen: du erfährst, warum du bei der Deklaration let gegenüber dem veralteten Befehl var bevorzugen solltest. Auch siehst du, dass du mit const Konstanten erzeugst, deren Werte sich nicht mehr überschreiben lassen.

Hier siehst du, wie du einzeilige und mehrzeilige Kommentare in JavaScript verfassen kannst. Weiter erfährst du, wie du in JavaScript Beschreibungen und Hinweise für den Editor in deinen Code einbauen kannst (sowas wie docstrings in Python).

In dieser Einleitung erfährst du, dass du in JavaScript Listen in Form von Arrays speichern und verwalten kannst.

In dieser Lektion lernst du wie du Elemente in Arrays bündelst. Du siehst, wie du mit dem instanceOf - Operator überprüfst, ob es sich bei einer Variablen um einen Array handelt. Anschließend werden dir, so ähnlich wie bei Strings zuvor, einige nützliche Eigenschaften und Methoden von Arrays vorgestellt: length, push, pop. Du erfährst, dass du mit der eckigen Klammer - Schreibweise Elemente abfragen und überschreiben kannst.

In dieser Lektion werden die Unterschiede zwischen dem unveränderlichen Datentyp Strings und und der veränderlichen Datenstruktur Array anschaulich verdeutlicht. Dir werden Probleme aufgezeigt, die beim Kopieren von Arrays auftreten können; z.B., dass beim Verändern des Originals auch die Kopie abgeändert wird. Ebenso wird auf Besonderheiten des const - Befehls bei Arrays eingegangen.

Hier lernst du weitere nützliche Methoden für Arrays: indexOf, sort, reverse, splice. Damit kannst du prüfen, ob ein bestimmtes Element in einem Array vorhanden ist, ein Array sortieren, die Reihenfolge der Elemente umkehren beziehungsweise Elemente an beliebigen Stellen hinzufügen und entfernen.

In dieser Lektion lernst du, dass Arrays nicht typisiert sind; d.h. du kannst verschiedene Datentypen in einem Array speichern - und sogar mehrere Arrays ineinander verschachteln. Du erfährst von der verschachtelten eckigen Klammer - Schreibweise, mit der du auf Elemente darin zugreifen kannst.

In dieser Lektion siehst du, wie du mit split einen String in einen Array aufteilst und mit join die Elemente in einem Array zu einem String verbindest.

In dieser Vorschau erfährst du, dass du mittels Kontrollstrukturen wie if-else - Anweisungen Entscheidungen in deine Programme einbauen kannst.

Als Vorbereitung auf if-else - Anweisungen geht es in dieser Lektion um Vergleiche. Dafür lernst du Operatoren kennen, die als Rückgabewert einen Boolean liefern, wie z.B. den Operator für strikte Vergleiche (===)  oder den Operator für strikte Ungleichheit (!==). Du erfährst auch, dass du bei Zahlen die bekannten Ungleichheitszeichen wie "größer als" (>) oder "kleiner gleich als" (<=) verwenden kannst.

Hier wirst du in if-Anweisungen eingeführt: damit sorgst du dafür, dass ein Codeblock nur dann ausgeführt wird, wenn ein bestimmter Ausdruck nach seiner Auswertung den Wert True liefert, d.h. eine vorgegebene Bedingung erfüllt ist.

In dieser Lektion siehst du, wie du mittels else-Zweigen bei if-Anweisungen noch flexiblere Entscheidungen programmieren kannst, indem du festlegst, welcher Codeblock ausgeführt werden soll, wenn eine if-Bedingung nicht erfüllt ist. Dir wird anhand eines Beispiels veranschaulicht, wie du mehrere if-else-Anweisungen ineinander verschachteln kannst.

In diesem Video lernst du, dass du in JavaScript deinen Code mit geschweiften Klammern bündelst, was einerseits bei if-Anweisungen notwendig ist, um Codeblöcke auszuführen, womit du aber auch generell - in Verbindungen mit Einrückungen - deinen Code übersichtlich strukturieren kannst.

Hier erfährst du, wie du verschachtelte if-else - Anweisungen mithilfe von else if - Zweigen kompakter schreiben kannst.

In diesem Video lernst du, wie du mit Booleans rechnen kannst. Dazu lernst du u.a. den Negierungs-Operator kennen, mit dem du den Wert eines Booleans umkehrst und siehst das logische UND sowie das logische ODER in Aktion.

In dieser Lektion erfährst du von den Prioritäten der verschiedenen Operatoren in JavaScript und wie du diese Reihenfolge, in der Operatoren ausgewertet werden sollen, mit runden Klammern steuern kannst.

In diesem Video lernst du die Bedeutung des speziellen Wertes null in JavaScript kennen, mit dem das Fehlen eines Wertes beschrieben wird. Du erfährst auch von impliziten Typumwandlungen bei if - Abfragen. Dadurch ist es dir möglich, mit if(Variable) darauf zu bedingen, ob eine Variable überhaupt einen Wert besitzt.

In dieser Lektion werden dir nochmal die Unterschiede zwischen dem Zuweisungs-Operator (=), dem Vergleichs-Operator (==) und dem strikten Vergleichs-Operator (==) vor Augen geführt. An einigen Beispielen siehst du die Gefahren von impliziten Typumwandlungen und lernst, dass der strikte Vergleichs-Operator auch überprüft, ob die Datentypen übereinstimmen.

Als Ergänzung zu der vorherigen Musterlösung lernst du, wie du die Bedingungen in if - Anweisungen durch die strukturierte Betrachtung von Randfällen vereinfachen kannst.

In dieser Vorschau wirst du auf weitere Kontrollstrukturen eingestimmt: mit Schleifen kannst du Codeblöcke mehrmals hintereinander ausführen.

Hier lernst du als Erweiterung einer if - Anweisung die while - Schleife kennen, womit du einen Codeblock so oft hintereinander ausführst, wie eine Bedingung erfüllt ist. Du wirst vor Endlosschleifen gewarnt, die auch versteckt auftreten können. Schließlich wird dir noch als Variante die do while - Schleife gezeigt.

In dieser Lektion lernst du den gebräuchlichsten Schleifentyp kennen: for - Schleifen. Es werden die allgemeine Syntax sowie die speziellen Konventionen bei der Schleifenvariablen besprochen.

In diesem Video werden dir Varianten von for - Schleifen gezeigt, die besonders effektiv bei Arrays sind, darunter die for in - Schleife, mit der man über die Indizes von einem Array läuft, und die for of - Schleife, mit der man die Elemente von einem Array durchgeht.

Hier erfährst du am Beispiel von for -Schleifen, wie du mithilfe der Befehle continue und break Schleifen steuern kannst, indem du einem Schleifendurchlauf überspringst bzw. eine Schleife vorzeitig abbrichst.

In dieser Lektion erfährst du einige Tipps für das Debugging in Visual Studio Code. Dir wird der Debugging-Modus vorgestellt und gezeigt, wie du die debugger - Funktionalität nutzt.

In dieser Einleitung erfährst du, dass du mittels Funktionen Codebausteine auslagern kannst, um komplexere Programme schreiben zu können.

In dieser Lektion lernst du die Syntax von Funktionen in JavaScript kennen, d.h. wie du eine Funktion definierst und wie du sie an einer bestimmten Stelle aufrufst.

Hier erfährst du, was Funktionsparameter sind und wie du einer Funktion einen Parameter übergibst.

In dieser Lektion lernst du, wie du eine Funktion mit mehreren Parametern definierst und ausführst.

In diesem Video erfährst du, dass du mittels Standardparametern nicht mehr jeden Parameter bei einem Funktionsaufruf spezifizieren musst und dadurch die Anzahl der Parameter flexibel gestalten kannst.

In dieser Lektion lernst du, dass es sich bei Variablen, die innerhalb einer Funktion definiert werden, um lokale Variablen handelt, auf die nur von innerhalb der Funktion zugegriffen werden kann. Du siehst dann, dass auf globale Variablen, die außerhalb aller Funktionen stehen, hingegen von überall zugegriffen werden kann.

Hier erfährst du anhand eines Beispiels, wie du globale und lokale Variablen geschickt miteinander kombinieren kannst.

In dieser Lektion lernst du, wie du mit dem return - Befehl, Ergebnisse aus einer Funktion zurückgibst, um die Werte außerhalb der Funktion weiter verarbeiten zu können.

Hier erfährst du, dass der return - Befehl die Ausführung einer Funktion beendet und siehst anhand eines Beispiels, wie du dieses Verhalten nutzen kannst, um effizienten Code zu schreiben.

In dieser Lektion lernst du, wie du JSDoc - Kommentare schreibst, die als Tooltips im Editor angezeigt werden können. Damit kannst du deinen Code besser dokumentieren, etwa indem du bei Funktionen angibst, welche Datentypen bei den Funktionsparametern erwartet werden oder welchen Datentyp der Rückgabewert eine Funktion aufweist. Du siehst an einem Beispiel, dass sich dadurch auch die Autovervollständigung im Editor verbessern lässt.

In dieser Lektion wirst du in das Thema Objekte eingeführt, mit denen du Daten bündeln kannst.

Hier lernst du die Syntax von Objekten in JavaScript kennen. Du siehst, wie du Objekte erstellst, indem du Daten an Schlüssel koppelst und mehrere solcher Schlüssel-Wert-Paare zusammenfasst. Dann wird dir gezeigt, wie du über die Punktschreibweise auf bestimmte Eigenschaften zugreifen kannst.

In dieser Lektion lernst du, dass du auch mit der eckigen Klammer - Schreibweise auf die Eigenschaften von Objekten zugreifen kannst. Anschließend erfährst du, wie du Eigenschaften von Objekten auch setzen kannst.

Hier zeigt man dir, wie du nachträglich eine neue Eigenschaft zu einem Objekt hinzufügen kannst. Auch lernst du, dass du mit dem delete - Befehl eine Eigenschaft wieder löschen kannst und andererseits nur ihren Wert entfernst, indem du ihn auf null setzt.

In dieser Lektion erfährst du zunächst, was du bei der Benennung deiner Schlüsselnamen in Objekten beachten musst; etwa dass du komplexere Schlüsselnamen als String in Anführungszeichen setzen musst. Dann siehst du, dass beim Zugriff auf die Eigenschaften eines Objektes die eckige Klammern - Schreibweise flexibler ist als die Punktschreibweise, weil der als Parameter übergebene Ausdruck zuerst ausgewertet wird.

In diesem Video siehst du, wie du mithilfe des in - Operators überprüfen kannst, ob ein Objekt eine bestimmte Eigenschaft besitzt. Du lernst dabei auch, dass in if - Abfragen eine undefined Eigenschaft in ein false umgewandelt wird.

In dieser Lektion lernst du, wie du mit der Funktion Object.keys() alle Schlüssel eines Objektes in einem Array abrufst, mit Object.values() alle Werte eines Objektes und mit Object.entries() alle Schlüssel-Wert-Paare in Form eines verschachtelten Arrays. Du erfährst auch, wie du mit einer for in - Schleife über alle Schlüssel in einem Objekt laufen kannst bzw. mit einer for of - Schleife über alle Schlüssel-Wert-Paare jeweils als Array.

Hier siehst du, wie du Visual Studio Code für eine aktuelle JavaScript - Version konfigurierst, sodass dich die Autovervollständigung optimal unterstützen kann. Dazu wird dir gezeigt, wie du die passende jsconfig.json - Datei anlegst.

In dieser Lektion erfährst du anhand von diversen Beispielen, dass du in JavaScript Arrays und Objekte (fast) beliebig verschachteln kannst, z.B. mehrere Objekte in einem Array oder ein Array als Wert in einem Objekt. Du lernst aber auch, dass du ein Array nicht als Schlüssel in einem Objekt verwenden darfst.

In dieser Einleitung erfährst du, dass es sich bei der JavaScript Object Notation (JSON) um eines der gängigsten Datenformate zum Austausch zwischen verschiedenen Anwendungen handelt. Dir wird erklärt, wie du mit JSON etwa Objekte in eine Textdarstellung umwandeln, diesen Text mithilfe einer API übertragen und dann den Text wieder in JavaScript - Code umwandeln kannst, um so die Objekte in einem anderen Programm zu nutzen.

Hier erfährst du die Grundlagen für das kompakte JSON - Format; als Datentypen werden nur Objekte, Arrays, Strings, Zahlen und Booleans unterstützt. Auch lernst du, dass es sich bei den Schlüsseln von Objekten um Strings handeln muss. Schließlich siehst du auch, dass Leerzeichen und Zeilenumbrüche keine Rolle spielen.

In dieser Lektion lernst du wie du JSON - Dateien als String einlesen kannst, mithilfe der Funktion readFileSync aus dem fs - Modul - was in der Regel aber nicht empfehlenswert ist! Weiter erfährst du, dass du mit der JSON.parse -  Funktion einen eingelesenen Text wieder in ein JavaScript - Objekt umwandelst.

In diesem Video wird ein komplexeres Beispiel besprochen, in dem du Daten von SpaceX - Raketenstarts lädst und dich dann mit deinem bisher gewonnenen Wissen über Objekte, Arrays und Schleifen durch die Daten navigierst. Du siehst auch, dass du in Visual Studio Code JSON - Dateien übersichtlich einklappen kannst.

In dieser Einleitung erfährst du, dass anonyme Funktionen und sogenannte Callbacks eine große Rolle in JavaScript spielen. Damit kannst du nämlich Funktionen effizient ineinander verschachteln und "Reaktionen" programmieren.

In dieser Lektion lernst du den Unterschied zwischen einer function declaration und einer function expression kennen. Dir werden alternative Weisen gezeigt, in JavaScript eine Funktion zu definieren. So siehst du, dass du auch Funktionen ohne Namen als anonyme Funktionen wie Werte in Variablen speichern kannst. Du erfährst dann, dass du eine Funktion sogar noch kürzer als fat arrow function definieren kannst.

Hier wird die Nützlichkeit von anonymen Funktionen motiviert; so kannst du damit praktisch eine anonyme Funktion als Parameter einer anderen Funktion übergeben. Auch wird der Unterschied zwischen der Definition einer Funktion als Wert und dem Aufruf einer Funktion unterstrichen.

In dieser Lektion siehst du, wie du unter Verwendung einer anonymen Funktion die Dateinamen in einem Ordner nach dem Einlesen direkt anzeigst. Dazu übergibst du der readdir - Funktion aus dem fs - Modul eine anonyme Funktion als Parameter - was man als Callback bezeichnet.

Hier lernst du einige alternative Schreibweisen für anonyme Funktionen kennen; so kannst du bei einem Parameter die runden Klammern weglassen oder sogar den return - Befehl und die geschweiften Klammern, wenn der Funktionsrumpf aus nur einer Zeile bestehen sollte.

In diesem Video siehst du, wie du auf eine JSON - API zugreifst, wobei du diverse Callbacks verwendest. Du lernst, wie du mit der get - Funktion eine Datei per https -Modul abfragen kannst. Im Rahmen einer anonymen Funktion als Callback reagierst du auf die geladenen Inhalte; mit der on - Methode ist es dir möglich, den Inhalt einer Datei Schritt für Schritt zu verarbeiten.