Sie kennen bereits die Basics von Angular und möchten nun die vielen Konzepte und Hintergründe wirklich vollständig durchdringen? Dann ist dieses Bootcamp das Richtige für Sie!

Wir starten mit einer einfachen Angular-Anwendung und erweitern diese um sämtliche Möglichkeiten, die das Framework zu bieten hat. Dabei schauen wir auch hinter den Vorhang, um zu verstehen, wie Angular tickt sowie welche bewussten Einschränkungen, Missverständnisse und Fallstricke es mit sich bringt.

Nächster Termin: 15. – 17. September, München

Early Bird: Bis zum 14. August anmelden und bis zu 350 € sparen!
Teamrabatt: Min. 3 Kolleg:innen anmelden und 100 € pro Ticket sparen!

Jetzt anmelden

Trainingsinhalte

Komponenten

- Kommunikation zwischen Komponenten
- Deklarative und programmatische Content Projection
- ViewChildren und ContentChildren
- Handles/ Template Variables und exportAs
- Komponentenvererbung
- View-Provider vs. “herkömmliche” Provider und lokale Services
- Lazy Components mit Ivy

Datenbindung

- Datenbindung: Deep Dive
- Datenbindung unter der Motorhaube
- Bewusste Einschränkungen und Fallstricke in der Datenbindung
- Unidirektionaler Datenfluss und seine Konsequenzen
- Umgang mit ExceptionHasBeenChangedAfterItWasCheckedError
- Performancetuning mit der OnPush-Strategie, Immutables und Observables

Modern Angular

- Architekturen mit Standalone Components
- Reaktive Systeme mit Signals
- Performance mit Signal Components
- Moderne Change Detection mit Signals und Signal Components: Was ändert sich?
- Schnellere Builds mit esbuild
- Projekt-Strukturen mit Sheriff

BONUS: Wiederverwendbare Komponenten-Bibliotheken

- Wiederverwendbare Bibliotheken bereitstellen
- Monorepos vs. npm
- Eine professionelle Git-History erzwingen
- Change Logs und API Dokumentation automatisieren
- Interaktive Dokumentation mit Story Book

Direktiven

- Attribut-Direktiven für Querschnittsfunktionen
- Strukturelle Direktiven
- Templates und Container
- Microsyntax
- Templates zur Laufzeit referenzieren

Dependency Injection

- Lokale vs. Globale Services
- Die Arten von Providern: useClass, useValue, useFactory, useExisting
- Multi-Provider
- Token: InjectionToken vs. Basisklassen
- Tree-Shakable Provider vs. “klassische” Provider
- Services und Lazy Loading

Routing

- Hierarchisches Routing mit Child-Routes
- Aux Routes
- Lazy Routes
- Guards
- Resolver
- Router Events
- Custom Url-Matchers

Formulare

- Template-driven Forms vs. Reactive Forms
- Große Formulare auf mehrere Komponenten aufteilen
- Wiederholgruppen mit FormArrays modellieren
- Eigene Validierungsregeln
- Asynchrone Validierungsregeln
- Multi-Field-Validation
- Dynamische Formulare
- Mit ControlValueAccessor in die Datenbindung eingreifen
- Eigene Formularsteuerelemente mit ngModel, formControl und Co. nutzen

Trainer

Manfred Steyer – Google Developer Expert (GDE), Berater, Trainer, Speaker auf (inter-)nationalen Konferenzen und Trusted Collaborator im Angular-Team

André Dickenscheidt ist Angular-Entwickler der ersten Stunde und war in den letzten Jahren an zahlreichen Software-Projekten beteiligt. Als technischer Projektleiter verantwortet er die Technologieauswahl, Architektur sowie das Empowerment seiner Projektkollegen.

DIDAKTIK

Präsentationen
Diskussionen
Live-Coding
Anknüpfen an Vorwissen

PRAXISBEZUG

hoher Übungsanteil
Bonusübungen
vollständige Anwendung
gute Vorlage für eigene Anwendungen

MATERIALIEN

aktuelle Folien
Beispiele & Fallstudien
Übungsblätter
Musterlösungen

Formate

INTENSE – Vor Ort

3 Tage Seminar

✓ Intensiver Wissensinput
✓ Durchgängige Fallstudie
✓ Kleine Lerngruppe
✓ 1. Abend Get-together
✓ Teilnahmezertifikat
✓ Schriftliche Unterlagen zur Nachbereitung
✓ Inkl. leckerem Mittagessenbuffet & Snack

Zum Ablauf

INTENSE – Online

3 Tage Seminar

✓ Intensiver Wissensinput
✓ Durchgängige Fallstudie
✓ Kleine Lerngruppe
✓ Ortsunabhängigkeit
✓ Teilnahmezertifikat
✓ Schriftliche Unterlagen zur Nachbereitung
✓ Zeit & Geldsparend

Zum Ablauf