TypeScript-Einführungsvideo [kann auch ohne JavaScript-Lernen verstanden werden]

• Kapitel1 Einführung in die ersten Erfahrungen mit Typoskript
• 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
• Kapitel2 Vorbereitung von Entwicklungstools
• 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
• Kapitel3 Ich benutze TS zum ersten Mal
• 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
• Kapitel4 Variablen und Datentypen
• 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
• Kapitel5 Operator
• 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
• Kapitel6 Anweisung ausführen
• 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)
• Kapitel7 Schlüsselwörter unterbrechen und fortsetzen
• 7-1 Schlüsselwort break
• 7-2 Schlüsselwort fortsetzen
• Kapitel8 Array
• 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)
• Kapitel9 Funktionsgrundlagen
• 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
• Kapitel10 Funktion erweitert
• 10-1 Erweiterte Einführung in Funktionen
• 10-2 Funktions-Debugging (Grundoperationen)
• 10-3 Funktions-Debugging (Funktionsausführungsprozess)
• 10-4 Variablenbereich
• Kapitel11 Objekt
• 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
• Kapitel12 eingebaute Objekte
• 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)
• Kapitel13 Grundlagen der Webentwicklung
• 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
• Kapitel14 Führen Sie TS im Browser aus
• 14-1 Führen Sie TS im Browser aus
• Kapitel15 DOM-Manipulation
• 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
• Kapitel16 Schachspielkoffer
• 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