ANGULAR
DEEP DIVE
Abtauchen in Angulars
Feinheiten
Auch mit flexibler Zeiteinteilung
ANGULAR
DEEP DIVE
Abtauchen in
Angulars Feinheiten
Auch mit flexibler Zeiteinteilung
Du kennst bereits die Basics von Angular und möchtest nun die vielen Konzepte und Hintergründe wirklich vollständig durchdringen? Dann ist dieses Bootcamp das Richtige für dich!
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: 22. – 24. April, Berlin
Frühbucherrabatt: Bis 12.03. anmelden und bis zu 200 € sparen!
Teamrabatt: Min. 3 Kolleg:innen anmelden und 100 € pro Ticket sparen!
Teamrabatt: Min. 3 Kolleg:innen anmelden und 100 € pro Ticket sparen!
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 ExpressionChangedAfterItHasBeenCheckedError
- Performancetuning mit der OnPush-Strategie, Immutables und Observables
Modern Angular
- Standalone Components
- Reaktive Systeme mit Signals und der neuen Resource API
- Performance mit Signals
- Moderne Change Detection mit Signals
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é Wilke 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
Diskussionen
Live-Coding
Anknüpfen an Vorwissen
PRAXISBEZUG
hoher Übungsanteil
Bonusübungen
vollständige Anwendung
gute Vorlage für eigene Anwendungen
Bonusübungen
vollständige Anwendung
gute Vorlage für eigene Anwendungen
MATERIALIEN
aktuelle Folien
Beispiele & Fallstudien
Übungsblätter
Musterlösungen
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 Mittagsbuffet & Snack
✓ Durchgängige Fallstudie
✓ Kleine Lerngruppe
✓ 1. Abend Get-together
✓ Teilnahmezertifikat
✓ Schriftliche Unterlagen zur Nachbereitung
✓ Inkl. leckerem Mittagsbuffet & Snack

INTENSE – Online
3 Tage Seminar
✓ Intensiver Wissensinput
✓ Durchgängige Fallstudie
✓ Kleine Lerngruppe
✓ Ortsunabhängigkeit
✓ Teilnahmezertifikat
✓ Schriftliche Unterlagen zur Nachbereitung
✓ Zeit & geldsparend
✓ Durchgängige Fallstudie
✓ Kleine Lerngruppe
✓ Ortsunabhängigkeit
✓ Teilnahmezertifikat
✓ Schriftliche Unterlagen zur Nachbereitung
✓ Zeit & geldsparend

FLEXIBLE
4 Wochen Zugang zur Lernplattform
✓ Individuelle Zeiteinteilung
✓ 24 h Videolektionen
✓ 24 h Videolektionen
✓ Min. eine Übung pro Lektion
✓ 2 Live-Meet-ups mit Trainer
✓ Chat für Fragen
✓ Teilnahmezertifikat
✓ Schriftliche Unterlagen zur Nachbereitung
✓ Chat für Fragen
✓ Teilnahmezertifikat
✓ Schriftliche Unterlagen zur Nachbereitung
Kommende Termine
Angular Deep Dive - intensiv über 3 Tage
Angular Deep Dive - flexibel über 4 Wochen
Angular Basic - intensiv über 3 Tage
Angular Basic - flexibel über 4 Wochen
Reservierung
Gerne sichern wir dir kostenfrei und unverbindlich einen Platz zu der gewünschten Veranstaltung.
Kein passender Termin dabei?
Lass dich per E-Mail benachrichtigen, sobald neue Termine feststehen.
Auch als Inhouse buchbar
Ab 8 Teilnehmenden lohnt sich für dich auch eine Inhouse-Schulung. Einfach unverbindlich anfragen!
ANFORDERUNGEN
• NodeJS in aktueller (LTS-)Version
• Angular CLI (npm I -g @angular/cli)
• Visual Studio Code (frei) oder IntelliJ/WebStorm/ PhpStorm (kommerziell)
• Git