Seminarinformationen

Seminar - Ziel

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 Datenbindung, Direktiven und Pipes. Sie werden ebenfalls fortgeschrittene Konzepte wie die Kommunikation zwischen Komponenten, Dependency Injection und Reactive Forms kennenlernen. Weitere Schwerpunkte sind die Serverkommunikation über den HttpClient, die Router-Konfiguration und bewährte Methoden zur Bereitstellung Ihrer Angular-Anwendung. Der Kurs bietet zudem Einblicke in Ivy, die neue Kompilierungs- und Rendering-Pipeline, Unit-Tests mit Jasmine und Karma, RxJS und Observables sowie Sicherheitsaspekte wie XSS-Prävention und Authentifizierung.

Teilnehmer - Zielgruppe

  • Web-Entwickler
  • Web-Programmierer

Kurs - Voraussetzungen

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

  • Erfahrung in HTML, CSS, JavaScript

Seminardauer

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

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

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

Weitere Schulungen zu Thema Angular

Angular Fortgeschrittenenkurs

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

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 ...

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 ...

Angular Unit Testing mit Jasmine

- u.a. in Wien, Koblenz, Virtual Classroom, Offenbach, Kassel

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 ...

Angular Architektur

- u.a. in Frankfurt am Main, Hamburg, Düsseldorf, Heidelberg, Mannheim

In diesem 4-tägigen Seminar "Angular Architektur" erlernen Sie eine stabile und skalierbare Angular-Architektur zu entwickeln, die sich durch eine unkomplizierte Refaktorisierung und Wartung auszeichnet. Zudem werden Methoden zur Kommunikation zwischen Komponenten, ...