Seminarinformationen

Seminar - Ziel

In dieser 3-tägigen Schulung "Angular Einführung" erlernen Sie die Entwicklung dynamischer und reaktionsschneller Single-Page-Webanwendungen mit Angular. Sie erfahren, wie Sie Teile der aktuellen Seite flexibel anpassen und so eine verbesserte Nutzererfahrung bieten können, ohne eine neue Seitenanfrage zu stellen. Der Fokus des Kurses liegt auf der Nutzung von ES6, TypeScript sowie modernen Front-End-Werkzeugen wie npm und Webpack, um Anwendungen effizient zu erstellen. Nach Abschluss des Kurses sind Sie in der Lage, mit Angular Anwendungen zu entwickeln und die Vorteile fortschrittlicher Webentwicklungstechniken zu nutzen.

Teilnehmer - Zielgruppe

  • Web-Entwickler
  • Softwareentwickler
  • Programmierer

Kurs - Voraussetzungen

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

  • Grundkenntnisse in JavaScript und TypeScript sind von Vorteil

Seminardauer

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

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

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

Weitere Schulungen zu Thema Angular

Angular Kompaktkurs

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

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

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 Berlin, Hamburg, Düsseldorf, Essen, Kassel

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 Düsseldorf, Essen, Darmstadt, Freiburg, Marburg

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