Angular mit TypeScript - Einführung und Grundlagen

Seminarziel

Nach 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. 

Inhalt

Diese Agenda ist auch Bestandteil (2.-3. Tag) des Kurses Angular und TypeScript - Komplett

• 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 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