Angular Kompaktkurs

Ziele der Schulung

In dieser 5-tägigen Schulung "Angular Kompaktkurs" lernen Sie die Grundlagen von TypeScript und ECMAScript 6 (ES6) sowie eine umfassende Einführung in Angular, einschließlich Komponenten, Module und die Verwendung der Angular CLI. Der Kurs behandelt Themen wie Datenbindung, Direktiven und Pipes. Sie werden auch fortgeschrittene Konzepte wie Komponentenkommunikation, Dependency Injection und Reactive Forms kennenlernen. Weitere Schwerpunkte sind die Kommunikation mit dem Server über den HttpClient, die Konfiguration des Routers und Best Practices für die Bereitstellung Ihrer Angular-Anwendung. Der Kurs bietet außerdem Einblicke in Ivy, die neue Compilation & Rendering Pipeline, Unit-Tests mit Jasmine und Karma, RxJS und Observables sowie Sicherheitsaspekte wie XSS-Prävention und Authentifizierung.

Zielgruppe Seminar

• Web-Entwickler
• Web-Programmierer

Voraussetzungen

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

• Erfahrung in HTML, CSS, JavaScript

Seminarinhalt

Moderne Angular-Entwicklung

• neuste Angular Features: Standalone First, Signals, Control Flow
• Nx Workspace vs. Angular CLI: Monorepo-Setup
• Vite/esbuild Build-Pipelines (10x schneller als webpack)

Standalone Components & Signals

• standalone: true – Goodbye NgModules
• Signals: Neues Reaktivitätssystem (signal(), computed(), effect())
• Komponentenkommunikation: Signal Inputs/Outputs
• Nx Workspace Projekt mit Standalone Components
• Komponentenkomposition

Neue Control Flow Syntax

• @if, @for, @switch – ersetzt *ngIf, *ngFor
• @defer für Lazy-Loading von teuren Komponenten
• Neue Pipes & Template-Features

Routing & State Management

• Standalone Router Configuration
• Signal-basierte Route Guards & Resolvers
• OnPush Change Detection mit Signals

Services

• Verwendung eines Service für den Zugriff auf Daten
• Verwendung eines Service, um Geschäftslogik zu kapseln
• Verstehen des Umfangs von Diensten

Vitest – Modernes Angular Testing

• Vitest Setup, describe/it/beforeEach, Matchers
• Angular TestBed, ComponentFixture, fakeAsync/tick
• Komponenten-Testing mit Signals/Effects
• Service-Mocking, HTTP-Interceptor-Tests

NgRx SignalStore

• signalStore(), withState, withComputed, withMethods
• Patched Actors für Side-Effects (HTTP, Router)
• Signal-Selectors und featureFn() Pattern
• Migration von klassischem NgRx zu SignalStore

Zoneless Angular & Performance

• OnPush Change Detection mit Signals optimieren
• destroyRef für korrektes Lifecycle-Management
• @defer + Route-based Lazy-Loading
• Track-By-Funktionen, OnPushComponents

Enterprise Security

• JWT-Authentifizierung mit Signal-based Guards
• DOMSanitizer (XSS-Schutz), CSRF-Token-Handling
• Row-Level Security in SignalStores
• Secure HTTP Headers & Content-Security-Policy

Server-Side Rendering mit Angular Universal

• angular/ssr Setup und Hydration
• SEO-Optimierung, Performance Budgets
• Prerendering für Marketing-Seiten

Production-Deployment

• Differenzielle Builds: ES2022+ vs. Legacy
• PWA Features: Service Worker, Offline-First
• Nx Affected Commands für CI/CD

Open Badge für dieses Seminar - Ihr digitaler Kompetenznachweis

Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erhalten Sie zusätzlich zu Ihrem Teilnehmerzertifikat ein digitales Open Badge (Zertifikat) – Ihren modernen Nachweis für erworbene Kompetenzen.

Ihr Open Badge ist jederzeit in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com-Konto verfügbar. Mit wenigen Klicks können Sie diesen digitalen Nachweis in sozialen Netzwerken teilen, um Ihre Expertise sichtbar zu machen und Ihr berufliches Profil gezielt zu stärken.

Übersicht: Angular Schulungen Portfolio

Mehr zu den Vorteilen von Badges

Kundenbewertungen

Gesicherte Kurstermine

Seminare kurz vor der Durchführung