TypeScript Tutorial - von den Besten TypeScript lernen

Typescript - Eine Einführung

Steigen Sie in diesem Tutorial zusammen mit Thomas Claudius Huber in die Programmierung mit TypeScript ein. Lernen Sie die Grundlagen und Konzepte der faszinierenden Sprache kennen und verstehen Sie das Zusammenspiel mit JavaScript. Erfahren Sie, wie Sie Klassen, Interfaces, Arrow Functions, Decorators und mehr einsetzen, und lernen Sie zudem, wie Sie eine Angular-App mit TypeScript entwickeln. Mit diesem Video-Tutorial rüsten Sie Ihr Wissen auf, um als Softwareentwickler in der modernen Welt aus Desktop, Web und Mobile mitzumischen.

Lernziele

Ziel dieses Tutorials ist es, die Grundlagen der Programmierung mit TypeScript zu lernen und eine erste Angular-Anwendung mithilfe der Sprache zu programmieren.

Einführung und Einsatz von TypeScript
- Einleitung
  
  00:42
- Übersicht über das Tutorial
  
  05:18
- Warum TypeScript bzw. JavaScript?
  
  01:37
- Was ist das Problem mit JavaScript?
  
  02:41
- JavaScript und ECMA
  
  02:07
- Was genau ist TypeScript?
  
  01:17
- Vorteile von TypeScript
  
  01:59
- Zusammenfassung
  
  01:09
- Einsatz von TypeScript – Einleitung
  
  00:31
- Komponenten der Entwicklungsumgebung
  
  00:38
- Aufsetzen der Entwicklungsumgebung
  
  02:56
- Fehlerhaften JavaScript-Code schreiben
  
  06:58
- TypeScript installieren
  
  02:08
- JavaScript nach TypeScript migrieren
  
  03:15
- Compiler-Optionen definieren
  
  02:57
- Ein Interface einsetzen
  
  04:07
- Den TypeScript-Code debuggen
  
  02:07
- Zusammenfassung
  
  01:09
Basistypen
- Einleitung
  
  00:23
- Boolean und Type Inference
  
  02:35
- Number
  
  03:19
- String und Templates
  
  04:07
- Arrays und for-Schleifen
  
  05:51
- Tuples
  
  01:33
- Enums
  
  02:16
- Der any-Typ
  
  05:10
- Type Assertions
  
  07:32
- Typen prüfen mit typeof
  
  01:25
- Union Types
  
  03:46
- Void und Never
  
  02:56
- undefined und null
  
  02:48
- Strict Null Checks
  
  03:46
- Zusammenfassung
  
  01:32
var, let und const; Interfaces und Klassen
- Einführung
  
  00:22
- Variablen deklarieren
  
  00:53
- funtion-scoped vs. block-scoped
  
  08:26
- let-Deklarationen
  
  03:32
- const-Deklarationen
  
  01:40
- Zusammenfassung
  
  00:57
- Interfaces und Klassen – Einführung
  
  00:36
- Interfaces
  
  06:31
- Klassen erstellen und instanziieren – Einleitung
  
  00:44
- Klassen erstellen
  
  06:18
- Objekte instanziieren
  
  06:18
- Access Modifier
  
  02:42
- Parameter Properties
  
  02:36
- Accessors verwenden
  
  03:21
- Read-only Properties
  
  00:48
- Statische Properties
  
  01:26
- Vererbung
  
  05:07
- Abstrakte Klassen
  
  03:49
- Ein Interface implementieren
  
  01:31
- structural vs. nominal typing
  
  03:16
- Der instanceof-Operator
  
  01:49
- Destructuring
  
  03:33
- Zusammenfassung
  
  01:31
Generics, Functions und Module
- Generics – Einführung
  
  00:14
- Die generische Array-Klasse
  
  03:10
- Generische Funktionen
  
  02:51
- Generische Interfaces und Klassen
  
  02:42
- Generische Contraints
  
  04:51
- Mehrere Typ-Parameter
  
  05:29
- Zusammenfassung
  
  00:22
- Functions – Einführung
  
  00:36
- Arten von Funktionen
  
  02:23
- Optionale Parameter
  
  02:12
- Default-Parameter
  
  01:18
- Rest-Parameter
  
  03:34
- Interfaces für Funktionen
  
  03:20
- Funktionen und This
  
  08:08
- Async und Await
  
  05:23
- Zusammenfassung
  
  00:56
- Module – Einführung
  
  00:44
- Was ist ein Modul?
  
  01:22
- Export/Import
  
  03:16
- Modulformate und Module Loader
  
  02:32
- webpack installieren
  
  05:35
- webpack einsetzen
  
  05:49
- Typescript in Webpack integrieren
  
  04:12
- Ansichten in Visual Studio Code anpassen
  
  02:13
- Mehrere Typen exportieren und importieren
  
  02:57
- Alle Typen eines Moduls importieren
  
  01:19
- Aliase verwenden
  
  01:31
- Der Default-Export
  
  01:59
- Variablen und Funktionen exportieren
  
  02:17
- Zusammenfassung
  
  01:14
Decorators und Declarations
- Einführung – Decorators
  
  00:18
- Decorator-Grundlagen
  
  01:32
- Property Decorator
  
  00:41
- Property Decorator in Visual Studio Code
  
  04:28
- Class Decorator
  
  01:55
- Decorator Factory
  
  02:04
- Speichern via Reflect-Metadata
  
  04:41
- Decorator in Angular
  
  01:04
- Zusammenfassung Decorators
  
  00:44
- Einführung – Declarations
  
  00:24
- Declarations hinzufügen
  
  03:39
- d.ts-Dateien für bestehende Libraries
  
  00:57
- Lodash Library ohne Declarations
  
  02:22
- Lodash Library mit Declarations
  
  03:12
- Eigene Libraries in TypeScript mit Declarations ausstatten
  
  02:56
- Zusammenfassung Declarations
  
  00:47
TypeScript mit Angular
- Intro
  
  00:36
- Das CLI installieren
  
  01:08
- Eine Angular-App mit CLI erstellen
  
  02:02
- Die AppComponent
  
  05:12
- Listen mit ngFor
  
  06:56
- Details mit ngIf
  
  01:40
- Data Binding in Angular
  
  01:38
- Ein Two-Way Data Binding
  
  01:40
- Eine FriendComponent erstellen
  
  05:10
- Mit einem HTTP-Service Daten von Github laden
  
  09:47
- HTTP-Logik in einen Service extrahieren
  
  05:47
- Fazit zu Angular
  
  00:55
- TypeScript zusammengefasst
  
  00:53
- Fazit zum Tutorial
  
  01:26

PRÄSENTIERT VON

Thomas Claudius Huber

Visual Studio Code (https://code.visualstudio.com)
Node.js mit NPM (https://nodejs.org)

Typescript – 15 Minuten gratis

Eine Einführung

Typescript - Eine Einführung

Lernziele

keyboard_arrow_rightEinführung und Einsatz von TypeScript

Einleitung 00:42

Übersicht über das Tutorial 05:18

Warum TypeScript bzw. JavaScript? 01:37

Was ist das Problem mit JavaScript? 02:41

JavaScript und ECMA 02:07

Was genau ist TypeScript? 01:17

Vorteile von TypeScript 01:59

Zusammenfassung 01:09

Einsatz von TypeScript – Einleitung 00:31

Komponenten der Entwicklungsumgebung 00:38

Aufsetzen der Entwicklungsumgebung 02:56

Fehlerhaften JavaScript-Code schreiben 06:58

TypeScript installieren 02:08

JavaScript nach TypeScript migrieren 03:15

Compiler-Optionen definieren 02:57

Ein Interface einsetzen 04:07

Den TypeScript-Code debuggen 02:07

Zusammenfassung 01:09

keyboard_arrow_rightBasistypen

Einleitung 00:23

Boolean und Type Inference 02:35

Number 03:19

String und Templates 04:07

Arrays und for-Schleifen 05:51

Tuples 01:33

Enums 02:16

Der any-Typ 05:10

Type Assertions 07:32

Typen prüfen mit typeof 01:25

Union Types 03:46

Void und Never 02:56

undefined und null 02:48

Strict Null Checks 03:46

Zusammenfassung 01:32

keyboard_arrow_rightvar, let und const; Interfaces und Klassen

Einführung 00:22

Variablen deklarieren 00:53

funtion-scoped vs. block-scoped 08:26

let-Deklarationen 03:32

const-Deklarationen 01:40

Zusammenfassung 00:57

Interfaces und Klassen – Einführung 00:36

Interfaces 06:31

Klassen erstellen und instanziieren – Einleitung 00:44

Klassen erstellen 06:18

Objekte instanziieren 06:18

Access Modifier 02:42

Parameter Properties 02:36

Accessors verwenden 03:21

Read-only Properties 00:48

Statische Properties 01:26

Vererbung 05:07

Abstrakte Klassen 03:49

Ein Interface implementieren 01:31

structural vs. nominal typing 03:16

Der instanceof-Operator 01:49

Destructuring 03:33

Zusammenfassung 01:31

keyboard_arrow_rightGenerics, Functions und Module

Generics – Einführung 00:14

Die generische Array-Klasse 03:10

Generische Funktionen 02:51

Generische Interfaces und Klassen 02:42

Generische Contraints 04:51

Mehrere Typ-Parameter 05:29

Zusammenfassung 00:22

Functions – Einführung 00:36

Arten von Funktionen 02:23

Optionale Parameter 02:12

Default-Parameter 01:18

Rest-Parameter 03:34

Interfaces für Funktionen 03:20

Funktionen und This 08:08

Async und Await 05:23

Zusammenfassung 00:56

Einführung und Einsatz von TypeScript

Einleitung

00:42

Übersicht über das Tutorial

05:18

Warum TypeScript bzw. JavaScript?

01:37

Was ist das Problem mit JavaScript?

02:41

JavaScript und ECMA

02:07

Was genau ist TypeScript?

01:17

Vorteile von TypeScript

01:59

Zusammenfassung

01:09

Einsatz von TypeScript – Einleitung

00:31

Komponenten der Entwicklungsumgebung

00:38

Aufsetzen der Entwicklungsumgebung

02:56

Fehlerhaften JavaScript-Code schreiben

06:58

TypeScript installieren

02:08

JavaScript nach TypeScript migrieren

03:15

Compiler-Optionen definieren

02:57

Ein Interface einsetzen

04:07

Den TypeScript-Code debuggen

02:07

Zusammenfassung

01:09

Basistypen

Einleitung

00:23

Boolean und Type Inference

02:35

Number

03:19

String und Templates

04:07

Arrays und for-Schleifen

05:51

Tuples

01:33

Enums

02:16

Der any-Typ

05:10

Type Assertions

07:32

Typen prüfen mit typeof

01:25

Union Types

03:46

Void und Never

02:56

undefined und null

02:48

Strict Null Checks

03:46

Zusammenfassung

01:32

var, let und const; Interfaces und Klassen

Einführung

00:22

Variablen deklarieren

00:53

funtion-scoped vs. block-scoped

08:26

let-Deklarationen

03:32

const-Deklarationen

01:40

Zusammenfassung

00:57

Interfaces und Klassen – Einführung

00:36

Interfaces

06:31

Klassen erstellen und instanziieren – Einleitung

00:44

Klassen erstellen

06:18

Objekte instanziieren

06:18

Access Modifier

02:42

Parameter Properties

02:36

Accessors verwenden

03:21

Read-only Properties

00:48

Statische Properties

01:26

Vererbung

05:07

Abstrakte Klassen

03:49

Ein Interface implementieren

01:31

structural vs. nominal typing

03:16

Der instanceof-Operator

01:49

Destructuring

03:33

Zusammenfassung

01:31

Generics, Functions und Module

Generics – Einführung

00:14

Die generische Array-Klasse

03:10

Generische Funktionen

02:51

Generische Interfaces und Klassen

02:42

Generische Contraints

04:51

Mehrere Typ-Parameter

05:29

Zusammenfassung

00:22

Functions – Einführung

00:36

Arten von Funktionen

02:23

Optionale Parameter

02:12

Default-Parameter

01:18

Rest-Parameter

03:34

Interfaces für Funktionen

03:20

Funktionen und This

08:08

Async und Await

05:23

Zusammenfassung

00:56

Module – Einführung

00:44

Was ist ein Modul?

01:22

Export/Import

03:16

Modulformate und Module Loader

02:32