Angular - Kompakt

Grundlagen der Webentwicklung mit TypeScript und ES6

• Installation und Konfiguration von TypeScript
• Typen, Klassen, Scoping
• Arrow-Funktionen, Module, Dekoratoren
• Template-Literale, Spread-Syntax

Einführung in Angular

• Vorteile, Versionen, Architektur
• Angular im Vergleich zu anderen Frameworks
• Erste Angular-Anwendung erstellen

Komponenten in Angular

• Struktur und Funktionalitäten
• Eigenschaften, Methoden, Templates

Angular-Module

• Organisation des Codes mit Modulen

Projektsetup mit Angular CLI

• Schnelles Erstellen und Anpassen von Projekten

Datenbindung

• Interpolation, Eigenschafts- und Ereignisbindung
• Bidirektionale Datenbindung

Direktiven und Pipes

• Strukturelle und Attribut-Direktiven
• Built-in Pipes und Verkettung

Fortgeschrittene Komponenten

• Kommunikation zwischen Komponenten
• Architektur, Stile, Lifecycle Hooks

Services & Dependency Injection

• Nutzung von Services und Dependency Injection

Modellgesteuerte Formulare (Reactive Forms)

• Erstellung und Validierung von Formularen

Kommunikation mit dem Server (HttpClient)

• HTTP-Anfragen senden und empfangen

Router

• Konfiguration und Navigation mit dem Router

Deployment von Angular-Anwendungen

• Erstellung und Bereitstellung von Builds

Ivy: Neue Compilation & Rendering Pipeline

• Einführung in Ivy und seine Vorteile

Einführung in Unit-Tests

• Verwendung von Jasmine und Karma
• Grundlegende Jasmine-Syntax
• Erstellung und Ausführung des ersten Tests
• Verwendung von Testbegriffen wie Mocks, Stubs und Spies
• Testen von Angular-Komponenten, Services und Pipes

RxJS und Observables

• Konzept der Observables
• Erstellung von Observables und Observers
• Anwendung von Operatoren wie map und switchMap
• Praktische Verwendung von RxJS in Angular

Sicherheit

• Best Practices für Sicherheitsmaßnahmen
• Schutz vor Cross-Site Scripting (XSS) und HTTP-Angriffen
• Implementierung von Authentifizierung und Autorisierung mit JSON-Web-Tokens (JWT) und Router-Guards

Erkennung von Änderungen

• Verwendung von Zone.js und Change Detection Strategies in Angular

Erweitertes Angular CLI

• Anpassung von Builds mit der Builder-API
• Integration von Web Workers

Erweitertes Routing

• Lazy-Loading von Angular-Modulen
• Verwendung von Nested oder Child Routes

Erweiterte Dependency Injection

• Verwendung von Providern und hierarchischer Injection
• Optionen für providedIn: root, module, platform, any

Pipes

• Erstellung benutzerdefinierter Pipes mit PipeTransform
• Unterscheidung zwischen Pure und Impure Pipes