TypeScript Tutorial für Anfänger - Lerne TypeScript in 30 Minuten (deutsch)

In diesem Tutorial lernst du, wie du eigene Programme mit TypeScript schreiben kannst - selbst wenn du noch nie eine Zeile Code geschrieben hast. Wir werden gemeinsam ein Schere, Stein, Papier-Programm erstellen und ich erkläre dir dabei alle wichtige Grundlagen von TypeScript, damit du auch deine eigenen Projekte mit TypeScript schreiben kannst.

Inhaltsverzeichnis:
00:00 | In diesem Tutorial
00:52 | Was ist TypeScript?
02:01 | Installation und Erster Code
09:13 | Verzweigungen
14:55 | Arrays
20:10 | Probleme lösen als Anfänger
25:43 | TypeScript Compiler
30:07 | Vorteile von TypeScript
36:40 | Outro

____ Software installieren ____

_____ Über diesen Kanal ____
Die Developer Akademie bildet dich zum Programmierer weiter. Auch wenn du noch NIE eine Zeile Code geschrieben hast, ist es möglich in 3 - 9 Monaten einen bezahlten Job zu finden. Dafür musst du nicht nur programmieren lernen, sondern einen guten Lebenslauf mit vielen verschiedenen Projekten vorweisen. In unserem Programm hast du ständigen Kontakt zu unseren Coaches, Hausaufgaben, Abgabefristen und Projekte aus der Praxis.
Am Ende erstellen wir mit dir deinen Lebenslauf und unterstützen dich bei deiner Bewerbung.

[mr.xavador]

Hm, also ich hätte jetzt erwartet dass ihr die Typisierung erklärt und wie man sie einsetzt. Oder welcher Sinn dahinter steckt die Typen überhaupt zu implementieren. Fehlermeldungen, debuggen, etc. In den Beispielen ist es blankes JavaScript, bis auf das Enum Beispiel am Ende ist alles andere auch in JS möglich.

[prelay]

So eine tolle Einführung und gleich in Minute 3 ein bad-habbit. Der Ordner Dev sollte nicht unter C:/ liegen, da hat man nämlich normal als User keine Schreibrechte. Sowas gehört in den Benutzerordner 😮‍💨. Trotzdem danke fürs Video.

[johanna]

Unter "Typescript-Tutorial" habe ich mir was ganz anderes vorgestellt.

Der gesamte gezeigte Code (bis auf die Enums) ist reiner Javascript-Code,
deshalb konntest du ihn auch mit node ausführen.
Ein Typescript-Tutorial ohne Typescript Syntax ist schon mal irgendwie sinnfrei.

Die Vorteile von Typescript sind:
- Erzeugung von Javascript für sehr alte Browser
Ein eher kleiner Vorteil, da man hierfür auch transpiler verwenden könnte
- Wesentlicher Vorteil: Statische Typisierung, die vermeidet, dass man Variablen mit Werten des falschen Typs befüllt.
Dieser eigentliche typescript-spezifische Vorteil der der Sprache ja auch ihren Namen verleiht,
wurde hier weder gezeigt, noch überhaupt mal erwähnt.
dabei hätte sich das Beispiel dafür ja sehr gut geeignet.

Der angemeckerte Fehler mit dem 'process' wurde dann zwar wie angegeben mit dem npm i ... Befehl behoben,
aber es wurde nicht mal in einem Nebensatz erwähnt, was genau das Problem war.
Stattdessen wurde sogar behauptet, es wäre ein Anzeigefehler.
"..., denn wie wir sehen funktioniert es ja".
Ja, weil du den reinen Javascript Code mit node ausführst, der auch *.ts Dateien als Javascript ausführt,
wodurch der angemeckerte Fehler der was mit Typescript zu tun hat, natürlich nicht zum Tragen kommt.
Der Fehler: Typescript kennt erstmal nur Basistypen, wie Objekte, Arrays und primitive Datentypen wie number, boolean, etc.
process ist node spezifisch, so wie window browser spezifisch ist, sowas kennt Typescript von Haus aus nicht.
Der Compiler kann daher damit nichts anfangen. Er forciert das aber, damit er beurteilen kann, ob wir es richtig benutzen.
process.argv[2]. Hier muss typescript beurteilen:
- Gibt es process?
- Ist process ein Objekt?
- Hat process die property argv?
- Ist argv ein Array?
Wenn er process nicht kennt, kann er das nicht beurteilen und kompiliert nicht.
Dies wird dann eben durch die Installation der Typendefinitionen für node spezifische Elemente (wie zum Beispiel process) behoben,
durch Installation des Paketes @types/node.

Im übrigen reicht es, Browser bis in das Jahr 2019 zurück zu unterstützen, das kann man durch eine zusätzliche Datei im Projektordner einstellen,
dadurch wird die kompilierte Javascript-Datei deutlich kleiner, was Bandbreite spart und zum Beispiel auch den Google Page Rank freut.
Im Beisiel mit dem async-await-fetch download ist die js Datei nicht nur wegen dem async-await Behelf so groß und kompliziert,
sondern auch wegen einem fetch Behelf, denn auch fetch gab es damals noch nicht. Im Standard werden halt auch Browser aus dem letzten Jahrhundert unterstützt,
und das muss nun wirklich nicht mehr sein.

Um ernsthaft Javascript und Typescript zu lernen, empfehle ich zum Beispiel folgende Videos:

[marcelaeroka]

TypeScript beseitigt die meisten Macken von JS und macht Typisierung einfach genau richtig - nicht zu schwach und nicht zu nervig. Seit ner Weile schon meine Lieblingssprache <3

[julz_]

Finde eure Weiterbildung echt klasse ! Sind in Zukunft (neben Frontend und Backend) auch noch weitere Kurse in Planung, zB aufbauende Kurse mit Schwerpunkt AI oder Security?

[Marci_]

Hallo Herr Programmierer könntest du mal eine Login Seite Programmieren, weil ich es von den anderen nicht verstehe und weil du es so gut erklären kannst. Wäre schön wenn du es machen würdest.
Grüße

[SYCHRN]

13:32 Ich weiß, dass Du im Endeffekt auf Enums hinauswillst, aber das wäre die perfekte Stelle gewesen für den Tipp, Konstanten anzulegen, um Tippfehler zu vermeiden.

[macruflinger]

Danke für das Video, konnte aber keine Skripte ausführen, musste in der Powershell als Admin den Befehl "set-executionpolicy remotesigned" mit Option Ja aktivieren...
😄

[andrewking]

Wenn Math.Random eine Zahl zwischen 0-1 generiert und ich das dann durch Math.Floor abrunde, dann müsste doch eigentlich eine OutOfRange Exception geworfen werden, wenn Math.Random() eine 1 generiert?
1x3 =3??


Edit:
Math.Random generiert eine Zahl zwischen 0 und <1. dann passt das wieder

[zLoris_]

Also kann man mit einem Enum ein Array im prinzip ersetzen?

[NeedEatSmart]

Hey, ich habe am Dienstag mit einer eurer Karriereberaterinnen telefoniert. Mir wurde gesagt, dass sich nochmal jemand meldet dem bezüglich, ob ich von euch auf Grund meines Alters (15) gecoacht werden kann. Es hat sich aber bis jetzt niemand gemeldet. Habe auch nochmal ne Email geschickt. Möchte nur sichergehen, dass eure E-Mail falls schon gesendet auch angekommen ist. Danke

[saschagartner]

Hi ich wollte mich jetzt auch endlich Mal dran wagen und stehe vor dem ersten Problem ich bekomme keine Ausgabe in der Konsole von hallo Welt... Bitte helft einem blutigen anfänger

[youssof]

Kann man auch unter 18 bei euch anfangen

[Goldur]

Hab mir überlegt mich bei euch zu bewerben da ihr damit da mit werbt "auch komplette Anfänger" und ich zwar klein Grundlagen habe, aber nachdem es mir klar wurde das die Videos immer kurz vor Updates hochgeladen werden mach das für mich keinen sin da diese lock Methode für mein Verständnis absolut ekelhaft

[Goldur]

Geil das umwandeln in js funktioniert zwei tage später nach dem dieses Video hoch geladen wurde nicht mehr auf diesem weg geil das macht doch garkeinen sin solche Videos hoch zu laden wenn der Mist eh nicht funktioniert ich hat voll bock programmieren zu lernen ab so mit Sicherheit nicht

[juliansgameplay]

Mach mal ein Tutorial für Spring Boot Framework (Java)