Nach dieser Veranstaltung kennen Sie die Grundlagen von TypeScript und können auf Basis von TypeScript Anwendungen und Lösungen entwickeln.
Sie wissen, wie man mit Angular und TypeScript Anwendungen entwickelt und welche Besonderheiten dabei zu beachten sind. Sie lernen die Angular Grundkonzepte wie Component, Templating und Data Bindung kennen und anwenden. Mit Hilfe von Angular Dependency Injection entwickeln Sie Services und nutzen dabei REST-basierte Serverschnittstellen. Durch den Angular Router stellen Sie eine Navigation innerhalb Ihrer Anwendung zur Verfügung und nutzen Angular Formulare für die Eingabe von Daten. Durch Testing wird Ihre Angular-Anwendung robust.
TypeScript Syntax, Schlüsselworte und Code Hierarchie
TypeScript Werkzeuge: TypeScript Playground, Visual Studio Code, NodeJS, Cursor, IntelliJ/WebStorm
TypeScript Compiler
Hello TypeScript
TypeScript Basics: Typen, Variablen, Funktionen
TypeScript Grammatik, Deklarationen und Annotationen
Typinferenz: Typableitung in TypeScript
Statische und Dynamische Typisierung in TypeScript
Ambiente Deklarationen und Typ Definitions Files
Any und primitive Datentypen
Objekte in TypeScript
Funktionen in TypeScript
Arrow-Funktionen in TypeScript
Generics in TypeScript
TypeScript Klassen und Schnittstellen
Klassen definieren
Casting - Typumwandlung
Datentypen erweitern
Schnittstellen verwenden
Mixins nutzen
TypeScript Module
ES2015-Module mit import/export
Module strukturieren und organisieren
2.-3. Tag: Auch separat buchbar als
Angular - Einstieg
Voraussetzungen für die Entwicklung von Angular Applikationen
Werkzeuge, IDE's und Editoren
JavaScript, TypeScript, ES2015, Node.js®
Erstellen von Projekten mit dem Angular CLI
Alternativer Projekt-Setup mit Nx
Angular - Components
Aufbau einer Komponente
Data Binding
Styling von Komponenten
Verschachtelte Components
Component Lifecycle
Angular - Router, Navigation
Components als Routing-Ziel
Navigation aufbauen
Programmatisches Navigieren
Angular - Templating
Interpolation
Attribute Directives
Custom Directives
Styling mit ngStyle und ngClass
Bedingte Anzeige und Schleifen
Events auslösen
2-way Data Binding
Components mit Parametern
Build-In Pipes
Custom Pipes
REST Client erstellen
Test Datenquelle einrichten
Dependency Injection
Service erstellen
HTTP-Client mit provideHttpClient konfigurieren
RxJs / Observables verstehen
Error Handling
Angular - Forms
Überblick Template-Driven Forms
Reactive Forms erstellen
Nutzen des FormBuilders
Formular-Validierung
Code Qualität sichern
ESLint in Projekten verwenden
Updates
Dokumentation erstellen mit Compodoc
Übersicht über Frontendtests mit Cypress oder Playwright
Übersicht Unit Tests mit Jasmine und Jest
Zielgruppe:
Die Schulung ist geeignet für Web- und Softwareentwickler:innen sowie für Programmierer:innen, die mit Angular und TypeScript Anwendungen und Lösungen umsetzen wollen.
Teilnahmevoraussetzungen
Grundlegende Programmierkenntnisse sind hilfreich.
Kenntnisse einer objektorientierten Programmiersprache erleichtern den Einstieg in TypeScript.
Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern.
Diese Cookies werden nicht automatisiert gesetzt.
Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren.
Weitere Informationen finden Sie hier.
