Angular und TypeScript - Komplett

Diese Agenda ist auch Bestandteil (1.-3. Tag)



1. Tag: Auch separat buchbar als

• Einstieg in TypeScript
  
  • TypeScript Einführung und Überblick
  • TypeScript Möglichkeiten und Eigenschaften
  • 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