Seminarinformationen

Seminar - Ziel

In dieser 2-tägigen Schulung "Angular Advanced" erlernen Sie fortgeschrittene Methoden der Angular-Entwicklung, einschließlich Unit-Tests, reaktiver Programmierung mit RxJS und Sicherheitsstrategien. Sie werden mit den Test-Tools Jasmine und Karma arbeiten und die Nutzung von Observables sowie RxJS vertiefen. Der Kurs behandelt Sicherheitsaspekte wie Cross-Site Scripting und Angriffe über HTTP sowie die Verwaltung der Change Detection und komplexe Routing-Techniken. Sie lernen auch fortgeschrittene Dependency Injection sowie das Erstellen individueller Pipes. Nach Abschluss des Kurses sind Sie in der Lage, effektive Tests zu erstellen, reaktive Programmierung anzuwenden und Sicherheitsmechanismen in Ihre Angular-Anwendungen zu integrieren.

Teilnehmer - Zielgruppe

  • Angular-Entwickler

Kurs - Voraussetzungen

Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:

Seminardauer

  • 2 Tage
  • 09:00 Uhr bis 17:00 Uhr

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

Einführung

Unit-Tests

  • Tools: Jasmine, Karma
  • Jasmine-Syntax: describe, it, beforeEach, afterEach, matchers
  • Setup und der erste Test
  • Test-Terminologie: Mock, Stub, Spy, Fakes
  • Angular Test-Terminologie: TestBed, ComponentFixture, debugElement, async, fakeAsync, tick, inject
  • Einfacher Komponententest
  • Erkennen von Komponentenänderungen
  • Testen einer Komponente mit Eigenschaften ( Inputs ) und Ereignissen ( Outputs )
  • Testen einer Komponente, die den Router verwendet
  • Testen einer Komponente, die von einem Dienst abhängt
  • Testen eines Services und Mocking der HTTP Requests
  • Testen einer Pipe

RxJS und Observables

  • Was ist eine Observable?
  • Erstellen von Observables
  • Was ist ein Observer?
  • Observer Beispiel
  • Operatoren: map, switchMap, debounceTime, distinctUntilChanged
  • Praktische Anwendung der Verwendung von RxJS
  • Subjekt
  • Subjekt Example
  • EventEmitter oder Observable

Security

  • Best Practices
  • Verhindern von Cross-Site Scripting (XSS)
  • Trusting values mit dem DOMSanitizer
  • HTTP-Angriffe (CSRF und CSSI)
  • Authentifizierung mit JSON-Web-Tokens (JWT)
  • Autorisierung: Router-Guards

Erkennung von Änderungen

  • Verständnis für Zone.js und Change Detection
  • Change Detection Strategies Default und OnPush
  • Zoneless Angular

Erweitertes Angular CLI

  • Anpassen eines Builds mit Builder-APIs in der CLI
  • Erzeugen von Web Workers

Erweitertes Routing

  • Lazy-Loading von Angular-Modulen (mit dynamischen Importen)
  • Nested oder Child Routes

Erweiterte Dependency Injection

  • Provider
  • Hierarchische Injection
  • providedIn-Optionen: root, module, platform, any

Pipes

  • Erstellen einer benutzerdefinierten Pipe mit PipeTransform
  • Verstehen von Pure und Impure Pipes

Weitere Schulungen zu Thema Angular

Angular Kompaktkurs

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In diesem 5-tägigen Seminar "Angular Kompakt" erlernen Sie die Grundlagen von TypeScript und ECMAScript 6 (ES6) sowie eine umfassende Einführung in Angular, einschließlich der Arbeit mit Komponenten, Modulen und der Nutzung der Angular CLI. Der Kurs behandelt Themen wie ...

TypeScript für Angular

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In diesem 2-tägigen Seminar "TypeScript für Angular" erhalten Sie grundlegende Kenntnisse und Techniken von TypeScript in Kombination mit Angular. Ziel des Seminars ist es, Ihnen eine stabile Basis zu vermitteln, um mit TypeScript effektiv in der Angular-Entwicklung arbeiten ...

Angular Unit Testing mit Jasmine

- u.a. in Frankfurt am Main, Köln, Zürich, Mannheim, Jena

In diesem 2-tägigen Seminar "Angular Unit Testing mit Jasmine" lernen Sie die Grundlagen des Testens und dessen Anwendung in Angular mithilfe des Standard-Testframeworks Jasmine in Verbindung mit dem Testrunner Karma. Sie werden zudem mit der entsprechenden Terminologie ...

Migration von AngularJS zu Angular

- u.a. in Hannover, Hamburg, Stuttgart, Wien, Essen

In diesem 1-tägigen Seminar "Migration von AngularJS zu Angular" erfahren Sie verschiedene Strategien und übergeordnete Ansätze für den Wechsel von AngularJS. Sie erhalten eine konzeptionelle Abbildung von AngularJS auf Angular und lernen, wie der UpgradeAdapter genutzt ...