Angular Grundkurs

Ziele der Schulung

In dieser 3-tägigen Schulung "Angular Grundkurs" lernen Sie Angular nach modernen Standards zu entwickeln. Sie erstellen performante Single-Page- und Server-Side-Rendered-Anwendungen mit Standalone Components, dem neuen Signals-Reaktivitätssystem, Control Flow Syntax und aktuellen Build-Tools wie Nx Workspace und Vite.

Nach Abschluss des Seminars sind Sie in der Lage, moderne Angular-Anwendungen ohne NgModules mit Standalone Components zu entwickeln, reaktive State-Logik mit Signals zu implementieren, die neuen Control Flow-Blöcke (@if, @for, @switch) zu nutzen, Anwendungen mit Angular Material 16+ und moderner Theming zu stylen, Server-Side Rendering mit Angular Universal für SEO und Performance zu konfigurieren sowie Anwendungen mit der Nx Monorepo-Architektur und Vite-Builds produktionsreif bereitzustellen.

Zielgruppe Seminar

• Web-Entwickler
• Softwareentwickler
• Programmierer

Voraussetzungen

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

• Grundkenntnisse in JavaScript und TypeScript sind von Vorteil

Seminarinhalt

Angular Modern Setup & Standalone Components

Moderne Angular-Entwicklung

• 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

Moderne Templates

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, SSR, Performance & Production

Services

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

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