Große interaktive TypeScript-Tutorialreihe auf entwickler.de
Lern die Grundlagen von TypeScript kennen
und programmiere deine erste Angular-Anwendung
TAGE
STUNDEN
MINUTEN
SEKUNDEN
Große interaktive Typescript-Tutorialreihe auf entwickler.de
Lern die Grundlagen von TypeScript kennen und programmiere deine erste Angular-Anwendung
TAGE
STUNDEN
MINUTEN
SEKUNDEN
TypeScript - Eine Einführung
Steig in diesem Tutorial zusammen mit Thomas Claudius Huber in die Programmierung mit TypeScript ein. Lern die Grundlagen und Konzepte der faszinierenden Sprache kennen und versteh das Zusammenspiel mit JavaScript. Erfahre, wie du Klassen, Interfaces, Arrow Functions, Decorators und mehr einsetzt, und lern zudem, wie du eine Angular-App mit TypeScript entwickelst. Mit diesem Video-Tutorial rüstest du dein Wissen auf, um als Softwareentwickler:in in der modernen Welt aus Desktop, Web und Mobile mitzumischen.
- Sichere Service-to-Service-Kommunikation in einem Cluster mit TLS- Verschlüsselung
- Starke identitätsbasierte Authentifizierung und Autorisierung
- Automatischer Lastausgleich für HTTP-, gRPC-, WebSocket- und TCP- Datenverkehr
- Fein abgestufte Steuerung des Traffic-Verhaltens mit umfangreichen Routing-Regeln, Wiederholungsversuchen, Failover und Fault Injection
- Automatische Metriken, Protokolle und Traces für den gesamten Datenverkehr innerhalb eines Clusters
Die Tutorialreihe
Dein Tutorials-Trainer: Thomas Claudius Huber
Thomas Claudius Huber ist Microsoft MVP und Principal Consultant und Partner der Trivadis AG. Als Trainer, Berater und Entwickler hat er sich auf die Bereiche C#, XAML, TypeScript, Angular und Azure fokussiert. Thomas ist Autor verschiedener Bücher, darunter das umfassende Handbuch zur Windows Presentation Foundation und das Buch „Getting Started with TypeScript“.
Wer kann was lernen?
Zielgruppe
- Unsere große Tutorialsreihe ist für jeden, der sich für TypeScript interessiert, geeignet. Die Vorträge bilden die Theorie-Basis und die Demo und Übungen untermauern das Wissen dann in der Praxis.
Lernziele
- Lernziele Ziel dieses Tutorials ist es, die Grundlagen der Programmierung mit TypeScript zu lernen und eine erste Angular-Anwendung mithilfe der Sprache zu programmieren.
Tutorials ab der Woche vom 18.10.2021
- Einführung und Einsatz von TypeScript
- Warum TypeScript bzw. JavaScript?
- Was ist das Problem mit JavaScript?
- JavaScript und ECMA
- Was genau ist TypeScript? Vorteile von TypeScript
- Komponenten der Entwicklungsumgebung
- Aufsetzen der Entwicklungsumgebung
- Fehlerhaften JavaScript-Code schreiben
- TypeScript installieren
- JavaScript nach TypeScript migrieren
- Compiler-Optionen definieren
- Ein Interface einsetzen
- Den TypeScript-Code debuggen
- Boolean und Type Inference
- Number, String und Templates
- Arrays und for-Schleifen
- Tuples
- Enums
- Der any-Typ
- Type Assertions
- Typen prüfen mit typeof
- Union Types
- Void und Never
- undefined und null
- Strict Null Checks
- Variablen deklarieren
- funtion-scoped vs. block-scoped
- let-Deklarationen
- const-Deklarationen
- Interfaces und Klassen – Einführung
- Klassen erstellen und instanziieren – Einleitung
- Klassen erstellen
- Objekte instanziieren
- Access Modifier
- Parameter Properties
- Accessors verwenden
- Read-only Properties
- Statische Properties
- Vererbung
- Abstrakte Klassen
- Ein Interface implementieren
- structural vs. nominal typing
- Der instanceof-Operator
- Destructuring
- Generics – Einführung
- Die generische Array-Klasse
- Generische Funktionen
- Generische Interfaces und Klassen
- Generische Contraints
- Mehrere Typ-Parameter
- Zusammenfassung
- Functions – Einführung
- Arten von Funktionen
- Optionale Parameter
- Default-Parameter
- Rest-Parameter
- Interfaces für Funktionen
- Funktionen und This
- Async und Await
- Zusammenfassung
- Module – Einführung
- Was ist ein Modul?
- Export/Import
- Modulformate und Module Loader
- webpack installieren
- webpack einsetzen
- Typescript in Webpack integrieren
- Ansichten in Visual Studio Code anpassen
- Mehrere Typen exportieren und importieren
- Alle Typen eines Moduls importieren
- Aliase verwenden
- Der Default-Export
- Variablen und Funktionen exportieren
- Zusammenfassung
Decorators und Declarations
- Decorator-Grundlagen
- Property Decorator
- Property Decorator in Visual Studio Code
- Class Decorator
- Decorator Factory
- Speichern via Reflect-Metadata
- Decorator in Angular
- Einführung – Declarations
- Declarations hinzufügen
- d.ts-Dateien für bestehende Libraries
- Lodash Library ohne Declarations und mit Declarations
- Eigene Libraries in TypeScript mit Declarations ausstatten
TypeScript mit Angular
- Das CLI installieren
- Eine Angular-App mit CLI erstellen
- Die AppComponent
- Listen mit ngFor
- Details mit ngIf
- Data Binding in Angular
- Ein Two-Way Data Binding
- Eine FriendComponent erstellen
- Mit einem HTTP-Service Daten von Github laden
- HTTP-Logik in einen Service extrahieren
- Fazit zu Angular
- TypeScript zusammengefasst
Voraussetzungen
Alles, was Du für den Anfang benötigst, ist Dein Rechner.
Alles Weitere lernst du im Tutorial.
So kannst du teilnehmen
Du hast bereits Fullstack?
Schnapp dir was zu schreiben und lehn dich zurück. Komme hier direkt zum Fullstack Tutorial und profitiere vom wegweisenden Wissen unseres Experten.
Du hast noch kein Fullstack?
Fullstack-Abonnent:innen haben kostenlosen Zugriff auf das Video-Turorial. Zusätzlich haben Fullstack-Abonnent:innen Zugriff auf Live-Event, Aufzeichnungen und vielen weiter Vorteile.
Software Know-How für deinen Erfolg!
- Wöchentlich interaktive und exlusive Online Live-Events
- Step-by-Step Tutorials zu aktuellen Themengebieten
- Aktuelles Kursangebot, kuratiert von unseren Experten
- Über 12.000 Fachartikel und umfangreiches Magazinarchiv
- 3x 100€ Rabatt pro Jahr auf Konferenzen und Trainings by entwickler.de
- 6 Monate Zugriff auf Ihre Konferenzsession inklusive
- ...mehr erfahren
Software Know-How für deinen Erfolg!
- Wöchentlich interaktive und exlusive Online Live-Events
- Step-by-Step Tutorials zu aktuellen Themengebieten
- Aktuelles Kursangebot, kuratiert von unseren Experten
- 6 Monate Zugriff auf Ihre Konferenzsession inklusive
- Über 12.000 Fachartikel und umfangreiches Magazinarchiv
- Bis zu 900 € Rabatt pro Jahr auf Konferenzen und Trainings by entwickler.de
- ...mehr erfahren
Fullstack-Abo für mehr als 15 Nutzern
Wir begleiten Sie durch die digitale Transformation zum Projekterfolg
- Wöchentlich interaktive und exlusive Online Live-Events
- Step-by-Step Tutorials zu aktuellen Themengebieten
- Aktuelles Kursangebot, kuratiert von unseren Experten
- 6 Monate Zugriff auf Ihre Konferenzsession inklusive
- Über 12.000 Fachartikel und umfangreiches Magazinarchiv
- Bis zu 25% Rabatt auf jede Konferenz und Trainingsteilnahme by entwickler.de
- Team Control Center zur Organisation Ihrer Nutzer:innen
- Teamfortschrittanzeige zur Motivation Ihrer Teams
- ...mehr erfahren
Fullstack-Abo abschließen und teilnehmen
*zzgl. MwSt.