Angular Fortgeschrittenenkurs

In dieser 2-tägigen Schulung "Angular Fortgeschrittenenkurs" lernen Sie fortgeschrittene Techniken der Angular-Entwicklung, darunter Unit-Tests, reaktive Programmierung mit RxJS und Sicherheitsmaßnahmen. Sie werden mit Jasmine und Karma als Test-Tools arbeiten und die Verwendung von Observables und RxJS kennenlernen. Der Kurs behandelt Sicherheitsaspekte wie Cross-Site Scripting und HTTP-Angriffe sowie die Steuerung der Change Detection und erweiterte Routing-Techniken. Sie werden auch erweiterte Dependency Injection und das Erstellen von benutzerdefinierten Pipes erlernen. Nach der Schulung sind Sie in der Lage, effiziente Tests zu schreiben, reaktive Programmierung anzuwenden und Sicherheitsmaßnahmen in Ihre Angular-Anwendungen zu integrieren.

Zum Seminar: Angular Fortgeschrittenenkurs

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