Angular Intensiv-Workshop: Vom Anfänger zum Profi in moderner Enterprise-Webentwicklung - Inhouse von HECKER CONSULTING

Meistere Angular: Dein ultimativer Intensiv-Workshop – Erlerne die Kunst der modernen Webentwicklung mit Angular 18! Von Grundkenntnissen bis zu fortgeschrittenen Techniken wie Standalone-APIs, SSR und Signals – werde zum Angular-Profi und baue leistungsstarke, performante Anwendungen!

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.