Angular Intensiv-Workshop: Vom Anfänger zum Profi in moderner Enterprise-Webentwicklung

Willkommen zu unserem neuen Angular Intensiv-Workshop.

Meistern Sie die Kunst der modernen Webentwicklung mit Angular!

Angular ist ein leistungsstarkes, plattformübergreifendes JavaScript-Framework, das von Millionen Entwicklern weltweit geschätzt wird. Unser umfassender Intensiv-Workshop bietet Ihnen die Möglichkeit, die Grundlagen und fortgeschrittene Techniken der Angular-Entwicklung zu erlernen und anzuwenden.

Warum Sie teilnehmen sollten:

• Umfassende Grundlagen: Erlernen Sie die essenziellen Konzepte von Angular, einschließlich Komponenten, Templates, Formulare, Routing und Services.
• Neueste Technologien: Erkunden Sie die neuesten Paradigmen des modernen Angular, wie Standalone-APIs, neue Kontrollfluss-Syntax, Signals und serverseitiges Rendering (SSR).
• Best Practices: Entdecken Sie bewährte Methoden für das Erstellen, Bereitstellen, Debuggen und Testen von Angular-Anwendungen.

Für wen ist dieser Workshop geeignet?

Dieser Workshop richtet sich an Entwickler aller Erfahrungsstufen. Egal, ob Sie ein Anfänger sind, der die Grundlagen von Angular erlernen möchte, oder ein erfahrener Entwickler, der seine Fähigkeiten erweitern möchte – dieser Workshop bietet wertvolle Einblicke und praktische Erfahrungen.

Was Sie erwartet:

• Praxisnahe Lerninhalte: Erstellen Sie eine reale Anwendung von Grund auf und lernen Sie dabei den Angular-Weg der Entwicklung.
• Aktualisierte Inhalte: Unser Workshop ist auf Angular 18 abgestimmt und behandelt die wichtigsten Änderungen nach der "Angular Renaissance".
• Leistungsoptimierung: Ein brandneuer Abschnitt zur Optimierung der Performance mit SSR und Hydration sowie überarbeitetes Material zu TypeScript.

Schritt für Schritt zum Erfolg:

• Verwenden Sie das Angular CLI zum Gerüstbau, Erstellen und Bereitstellen neuer Angular-Anwendungen.
• Erstellen Sie reichhaltige Komponenten mit Angular-Template-Syntax.
• Wenden Sie Reaktivitätsmuster mit der RxJS-Bibliothek und Signals an.
• Gestalten Sie ansprechende Benutzeroberflächen mit Material Design.
• Entwickeln Sie HTTP-Datenservices zur Datenbereitstellung für Ihre Komponenten.
• Optimieren Sie Ihre Anwendungsleistung mit SSR- und Hydration-Techniken.

Jetzt anmelden und Ihre Angular-Fähigkeiten auf das nächste Level heben!

Lassen Sie sich diese Gelegenheit nicht entgehen. Melden Sie sich noch heute an und werden Sie ein Angular-Profi. Wir freuen uns darauf, Sie in unserem Workshop begrüßen zu dürfen!

Einstieg in Angular

• Was ist Angular?
• Warum Angular wählen?
• Einrichten des Angular CLI-Arbeitsbereichs
• Struktur einer Angular-Anwendung
• Angular-Tooling

Einführung in TypeScript

• JavaScript-Grundlagen
• Was ist TypeScript?
• Einstieg in TypeScript
• Typen
• Schnittstellen
• Dekoratoren
• Module

Strukturierung von Angular-Benutzeroberflächen mit Komponenten

• Erstellen unserer ersten Komponente
• Interaktion mit dem Template
• Kommunikation zwischen Komponenten
• Kapselung von CSS-Styling
• Entscheidung über eine Change-Detection-Strategie
• Einführung in den Komponenten-Lebenszyklus

Pipes und Direktiven in Angular verwenden

• Datenmanipulation mit Pipes
• Erstellung von Pipes
• Einführung in Direktiven
• Erstellung von Direktiven

Verwaltung komplexer Aufgaben in Angular mit Services

• Einführung in die Angular DI
• Erstellung unseres ersten Angular-Services
• Bereitstellung von Abhängigkeiten über die gesamte Anwendung
• Injektion von Services im Komponentenbaum
• Überschreiben von Providern in der Injector-Hierarchie

Organisation von Angular-Anwendungen in Modulen

• Einführung in Angular-Module
• Erstellung unseres ersten Moduls
• Gruppierung von Anwendungsfunktionen in Module
• Nutzung der eingebauten Angular-Module

Reaktive Muster in Angular

• Strategien zum Umgang mit asynchronen Informationen
• Reaktive Programmierung in Angular
• Die RxJS-Bibliothek
• Abonnieren von Observables
• Abbestellen von Observables
• Verfolgung des Anwendungszustands mit Signals

Kommunikation mit Datendiensten über HTTP in Angular

• Datenkommunikation über HTTP
• Einführung in den Angular HTTP-Client
• Einrichtung eines Backend-APIs
• Umgang mit CRUD-Daten in Angular
• Authentifizierung und Autorisierung mit HTTP

Navigation durch Anwendungen mit Routing in Angular

• Einführung in den Angular-Router
• Konfiguration der Hauptrouten
• Organisation der Anwendungsrouten
• Übergabe von Parametern an Routen
• Erweiterung der Navigation mit erweiterten Funktionen

Sammlung von Benutzerdaten mit Formularen in Angular

• Einführung in Webformulare
• Erstellung von template-gesteuerten Formularen
• Erstellung von reaktiven Formularen
• Validierung von Eingaben in Formularen
• Manipulation des Formularzustands

Umgang mit Angular-Anwendungsfehlern

• Umgang mit verschiedenen Fehlerarten
• Entmystifizierung von Framework-Fehlern

Einführung in Angular Material

• Einführung in Material Design
• Einführung in Angular Material
• Integration von UI-Komponenten

Unit-Testing von Angular-Anwendungen

• Warum brauchen wir Tests?
• Die Anatomie eines Unit-Tests
• Einführung in Unit-Tests in Angular
• Testen von Komponenten
• Testen von Services
• Testen von Pipes
• Testen von Direktiven
• Testen von Formularen
• Testen des Routers

Angular-Anwendungen in Produktion bringen

• Erstellung einer Angular-Anwendung
• Begrenzung der Anwendungsgröße
• Optimierung des Anwendungsbundles
• Bereitstellung einer Angular-Anwendung

Was Sie lernen werden:

• Verwendung des Angular CLI zum Gerüstbau, Erstellen und Bereitstellen neuer Angular-Anwendungen
• Erstellen von Angular-Anwendungen mit Standalone-APIs
• Aufbau reichhaltiger Komponenten mit Angular-Template-Syntax
• Anwendung von Reaktivitätsmustern mit der RxJS-Bibliothek und Signals
• Gestaltung schöner Benutzeroberflächen mit Material Design
• Erstellung von HTTP-Datenservices zur Zugriff auf APIs und Bereitstellung von Daten für Komponenten
• Verbesserung Ihrer Debugging- und Fehlerbehandlungsfähigkeiten zur Laufzeit und während der Entwicklung
• Optimierung der Anwendungsleistung mit SSR- und Hydration-Techniken

Angular ist ein äußerst schnelles, plattformübergreifendes JavaScript-Framework, das von Millionen geliebt wird. Dieser umfassende Workshop bietet eine fundierte Einführung in das Framework. Sie werden den Angular-Weg der Entwicklung kennenlernen, indem Sie eine praxisnahe Anwendung von Grund auf erstellen. Aktualisiert auf Angular 18, behandelt dieser Workshop die grundlegenden Änderungen nach der "Angular Renaissance". Er umfasst die App-Erstellung mit Standalone-Komponenten, Angular Signals und der neuen Kontrollfluss-Syntax und geht auf die Problematik der Migration von älterem Angular-Code ein. Zudem gibt es einen brandneuen Abschnitt zur Optimierung der Performance mit SSR und Hydration sowie überarbeitetes Material zu TypeScript. Angular-Entwickler aller Erfahrungsstufen werden von diesem Workshop profitieren, besonders wenn Sie neu bei Angular sind, da es Ihnen hilft, die Grundlagen des Frameworks zu verstehen. Am Ende dieses Workshops werden Sie in der Lage sein, Angular-Anwendungen mit TypeScript von Grund auf zu erstellen und Best Practices in jedem Angular-Codebase anzuwenden.

Die Weiterbildung "Angular Intensiv-Workshop: Vom Anfänger zum Profi in moderner Enterprise-Webentwicklung" bieten wir Ihnen als Firmenseminar sowie Inhouse-Schulung Live-Online und Vor-Ort an!