Angular mit TypeScript - Einführung und Grundlagen

Diese Agenda ist auch Bestandteil (2.-3. Tag) des Kurses

• Angular - Einstieg
  • Voraussetzungen für die Entwicklung von Angular Applikationen
  • Werkzeuge, IDEs 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 Directive
  • 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 
  • Das HttpClientModule
  • RxJs / Observables verstehen
  • Error Handling
• Angular - Forms
  • Überblick Template-Driven Forms
  • Reactive Forms erstellen
  • Nutzen des FormBuilders
  • Formular-Validierung
• Code Qualität sichern
  • TSLint und ESLint in Projekten verwenden
  • Updates 
  • Dokumentation erstellen mit Compodoc
  • Übersicht über Frontendtests mit Protractor und Cypress
  • Übersicht Unit Tests mit Jasmine und Jest

LernzieleNach dieser Veranstaltung wissen Sie, 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. ZielgruppenWeb- und Softwareentwickler:innen, Programmierer, die Anwendungen und Lösungen mit Angular und TypeScript umsetzen wollen. Erste Erfahrungen in TypeScript und JavaScript sind empfehlenswert.