1-1 Einführung

1-2 Erste Erfahrungen mit Typoskript

1-3 Was ist Javascript?

1-4 Was ist Typoskript?

1-5 Vorteile von Typescript im Vergleich zu js

2-1 Entwicklungstools (vscode)

2-2 Entwicklungstools (Node.js)

2-3 Warum sollten wir ein Toolkit zum Parsen von TS installieren?

2-4 Installieren Sie das Toolkit zum Parsen von TS

3-1 Die erste TS-Datei

3-2 Vereinfachen Sie die Schritte zur Durchführung von TS

3-3 Kommentar

3-4 Ausgabeanweisung

3-5 Zusammenfassung der ersten Erfahrungen mit Typoskript

4-1 Eine Einführung in Variablen und Datentypen

4-2 Was ist eine Variable?

4-3 Verwendung von Variablen

4-4 Konfigurieren Sie vscode

4-5 Typanmerkung

4-6 Benennungsregeln und Spezifikationen

4-7 Übungen mit Variablen (Austausch der Werte zweier Variablen)

4-8 Übersicht über die Datentypen

4-9 Numerischer Typ

4-10 String-Typ

4-11 Boolescher Typ

4-12 unterdefinierte und Nulltypen

4-13 Grundtypen – Zusammenfassung

5-1 Einführung in die Operatoren

5-2 Arithmetische Operatoren

5-3 Das Pluszeichen implementiert die Zeichenfolgenverkettung

5-4 Gedanken, die durch das Pluszeichen verursacht werden

5-5 Zuweisungsoperator

5-6 Inkrement- und Dekrementoperatoren

5-7 Vergleichsoperator

5-8 Logische Operatoren

6-1 Einführung in die Erklärung

6-2 Übersicht über bedingte Anweisungen

6-3 if-Anweisung

6-4 else-Anweisung

6-5 if else-Anweisungspraxis

6-6 Übersicht über den ternären Operator

6-7 Übungen mit dem ternären Operator

6-8 Übersicht über Schleifenanweisungen

6-9 Schauen Sie sich den Aufbau der for-Schleife am Beispiel des Hausaufgabenschreibens an

6-10 Grundlegende Verwendung der for-Schleife

6-11 Der Ausführungsprozess der for-Schleife

6-12 Debuggen von Haltepunkten, um den Ausführungsprozess der for-Schleife anzuzeigen

6-13 vscode-Breakpoint-Debugging-Konfiguration (1 Konfigurationsschritt)

6-14 vscode-Breakpoint-Debugging-Konfiguration (2 Debugging-Tipps)

6-15 Für Schleifenübungen (1 Druck 1-5)

6-16 Übungen in der for-Schleife (2 geben das n-te Brötchen aus, das gegessen wird)

6-17 Für Schleifenübungen (3 Berechnen Sie die Summe von 1-100)

7-1 Schlüsselwort break

7-2 Schlüsselwort fortsetzen

8-1 Einführung in Arrays

8-2 Array-Übersicht

8-3 Erstellen Sie ein Array (Syntax 1)

8-4 Erstellen Sie ein Array (Syntax 2)

8-5 Array-Länge und Index

8-6 Array-Werterfassung und -speicherung (Werterfassung)

8-7 Erfassung und Speicherung von Array-Werten (Speicherwert)

8-8 Elemente zum Array hinzufügen

8-9 Iterieren Sie über das Array (der Standardwert des Rechners ist 0).

8-10 Durchlaufen Sie das Array (die Beurteilungsbedingung ist die Länge des Arrays minus 1)

8-11 Durchlaufen des Arrays (Optimierung der Beurteilungsbedingungen)

8-12 Array-Übungen (Ermitteln der Summe aller Elemente in einem Array)

8-13 Array-Übungen (Ermitteln des Maximalwerts in einem Array)

8-14 Array-Übungen (Elemente in einem Array finden, die nicht 0 sind)

9-1 Einführung in die Funktionsgrundlagen

9-2 Funktionsübersicht

9-3 Funktionsnutzung

9-4 Funktionsübungen

9-5 Übersicht über die Funktionsparameter

9-6 Formalparameter und Aktualparameter

9-7 Zusätzliche Beschreibung der Parameter

9-8 Funktionsparameterübungen (1)

9-9 Funktionsparameterübungen (2)

9-10 Übersicht über die Rückgabewerte der Funktion

9-11 Grundlegende Verwendung von Funktionsrückgabewerten

9-12 Übung zum Funktionsrückgabewert (Änderung der getSum-Funktion)

9-13 Übung zum Funktionsrückgabewert (Dreiecksbereich)

9-14 Übung zum Funktionsrückgabewert (Ermitteln des Maximalwerts)

9-15 Beschreibung der Rückgabe

9-16 Zusammenfassung der Funktionsgrundlagen

10-1 Erweiterte Einführung in Funktionen

10-2 Funktions-Debugging (Grundoperationen)

10-3 Funktions-Debugging (Funktionsausführungsprozess)

10-4 Variablenbereich

11-1 Objekteinführung

11-2 Objektübersicht

11-3 Objekt erstellen

11-4 Schnittstelle (Typanmerkung des Objekts)

11-5 Geben Sie Anmerkungen für Objektmethoden ein

11-6 Nutzung der Schnittstelle

11-7 Objektwert

11-8 Objektspeicherwert

11-9 Zusammenfassung der grundlegenden Verwendung von Objekten

12-1 Übersicht über integrierte Objekte

12-2 Array-Objekt (Längeneigenschaft)

12-3 Array-Objekt (Push)

12-4 Array-Objekt (forEach)

12-5 Array-Objekt (Erklärung von forEach)

12-6 forEach-Übungen

12-7 Array-Objekt (einige)

13-1 Typinferenz von TS

13-2 Ein Überblick über die Grundlagen der Webentwicklung

13-3 Grundlegende Verwendung von HTML (erstellen Sie die erste HTML-Seite und verwenden Sie sie)

13-4 Grundlegende Verwendung von HTML (gemeinsame Tags)

13-5 Grundlegende Verwendung von CSS (Stilattribut)

13-6 Grundlegende Verwendung von CSS (Style-Tag)

13-7 Grundlegende Verwendung von CSS (CSS-Datei)

13-8 Verwenden Sie Javascript in Ihrem Browser

13-9 Verwenden Sie das Live Server-Plugin – aktualisieren Sie den Browser automatisch

14-1 Führen Sie TS im Browser aus

15-1 Übersicht über die DOM-Manipulation

15-2 Elemente abrufen (querySelector)

15-3 TS-Typ-Behauptung

15-4 Elemente abrufen (querySelectorAll)

15-5 Textinhalt bearbeiten (innerText)

15-6 Übung (querySelectorAll und innerText)

15-7 Operationsstil (Stilattribut)

15-8 Operationsdemonstration (classList-Attribut)

15-9 Operationsereignis (addEventListener-Ereignis hinzufügen)

15-10 Operationsereignis (Ereignisobjekt)

15-11 RemoveEventListener entfernt Ereignisse (1)

15-12 RemoveEventListener entfernt Ereignisse (2)

15-13 Zwei Hinweise zu Event-Handlern in Form von Funktionsdeklarationen

16-1 Demonstration des Schachspiels und Einführung in das Gameplay

16-2 Beschreibung der Spielvorlage

16-3 Zellklick (Schach spielen)

16-4 Zellklick (optimiert)

16-5 Passen Sie vscode und die Position des Browserfensters an

16-6 Spieler wechseln(1)

16-7 Spieler wechseln (2)

16-8 Grundlegende Verwendung von Aufzählungen

16-9 Nummernaufzählung und Stringaufzählung

16-10 Ändern Sie den aktuellen Player mithilfe einer Enumeration

16-11 Die Idee, den Sieg zu beurteilen

16-12 Analysieren Sie das Gewinner-Array

16-13 Beschreibung der Zellenelementliste

16-14 Kapselung der Gewinnfunktion

16-15 Implementieren Sie die Gewinnfunktion (1)

16-16 Implementieren Sie die Gewinnfunktion (2)

16-17 Optimieren Sie die Gewinnfunktion

16-18 Bestimmen Sie ein Unentschieden

16-19 Gewinninformationen anzeigen

16-20 Spiel neu starten

16-21 Optimieren Sie das Spiel neu