Angular

Robuste, schnelle und testbare Webanwendungen

Einführung

• Einführung in TypeScript
• Angular in a Nutshell, die wichtigsten Grundlagen und Konzepte
• Componend based UI – macht die Webentwicklung wieder produktiv

Grundlagen

• Components – Die Einheit aus Logik, Template und Design
• Directives – Die neuen Plug-ins für die Steuerelemente im Web
• Pipes – Aufbereitung von Daten für die Benutzeroberfläche
• Services – Die Voraussetzung für eine entkoppelte Anwendungsarchitektur
• Modules – Bringt Struktur auch in die komplexesten Anwendungen

Reaktive Programmierung

• Einführung in RxJS, dem Herz von Angular
• RxJS anwenden und verstehen
  • Observables nutzen
  • Eigene Streams mit Hilfe von Subjects erzeugen und Anwendungsweit verwenden
  • Die wichtigsten Operatoren kennenlernen, verstehen und einsetzen

HTTP

• Laden und Transformieren der Daten von HTTP-APIs und deren Verarbeitung
• Logging und Authentifizierung leicht gemacht – Dank des Einsatzes von HttpInterceptors

Routing

• Bereitstellung der Navigation mit Hilfe dezentraler Routen-Konfigurationen
• Lazy Loaded Modules verbessern die Performance Ihrer Anwendung
• Guards erlauben den Eingriff in den Navigationsprozess

Formulare erzeugen & validieren

• Template Driven Forms einsetzen, um einfache Formulare bereitzustellen
  • Two-Way-Bindings mit ngModel ermöglichen
  • Eingabefehler konfigurieren und visualisieren
• Reactive Forms, für komplexe Eingabeformulare nutzen
  • Datenmodell der FormControls, FormGroups verstehen
  • Formulare mit dem FormBuilder erzeugen
  • Validatoren von Angular spielerisch einsetzen

Debugging

• Analyse von Dependency- und Navigationsgraphen mit Augury
• Zusammenhänge bestehender Anwendungen mit ngrev analysieren und verstehen

Testing

• Einrichtung von Jest als Standard Testframework – So macht Testen wieder Spaß
• Einführung in Jasmine/Jest
  • Struktur des BDD-Frameworks
  • Spys einsetzen
  • Mocks erzeugen und sinnvoll einsetzen
• Schreiben einfacher Unit-Tests mit TypeScript
• Unit-Tests für Components schreiben
• Integrationstets mit Hilfe von TestBed
  • Template-Tests waren nie so einfach
  • Navigation testen
  • HTTP-APIs testen
• Einführung in Protractor
  • Einführung in E2E-Tests
  • Page Objects für leicht zu lesende Tests schreiben

Automatisierter Development Workflow

• Produktivität und Komfort während der Entwicklung neuer Leistungsmerkmale mit der angular-cli
• Nx Console – Das UI für die angular-cli
• Build-Optimierung und Deployment