Das Angular Camp eignet sich perfekt für Entwickler:innen, die ein neues Projekt mit Angular starten oder schon dabei sind, aber mehr über die Hintergründe erfahren möchten. Grundlegende Erfahrungen mit clientseitigen Web-Technologien sind hilfreich.
Ziel des Angular Camps ist es, dir einen strukturierten Überblick und Hintergrundwissen über die Konzepte und Building Blocks in Angular zu geben. Während der drei Tage wechselt sich eine durchgehende Fallstudie gepaart mit Live-Coding und Best Practices mit kurzen Theorieblöcken ab. Trainer ist Manfred Steyer & sein Team, Angular-Experten der ersten Stunde.
Trainingsinhalte
Angular Basics & Erste Komponente
Im ersten Kapitel erstellen wir mit der Angular CLI ein neues Projekt und schreiben auch schon unsere erste Komponente, die Daten via HTTP lädt. Außerdem beschäftigen wir uns mit den verschiedenen Arten der Datenbindung.
- Erste Schritte in Angular
- Ein neues Angular Projekt
- Deine erste Komponente
- HTTP-Zugriff
Services and Dependency Injection in Angular
Wir lagern unsere Datenzugriffslogik in einen Service aus und diskutieren verschiedenen Strategien zur Registrierung von Services.
- Ein erster Service
- Token vs. Service
- Factories
- Registering Services Locally
Pipes
NgModules und Standalone Components
Sub-Komponenten und Details zur Datenbindung
Hier besprechen wir die Entwicklung weiterer Komponenten, die über Datenbindung miteinander kommunizieren. Dazu werfen wir auch einen genaueren Blick unter die Motorhaube von Angular, um die Datenbindung besser zu verstehen.
- Data Binding im Detail
- Components and Data Bindung
- Event Bindings
- Smart vs. Dumb Components
- Lifecycle Hooks
Bonus: Signals und die neue Resource API
Forms and Validation
Die wenigsten Anwendungen kommen ohne Formulare aus. Hier erfährst Du, wie Dich Angular beim Entwickeln von Formularen unterstützt und wie Du die Eingaben validieren kannst.
- Template-driven Forms
- Custom Validators
Angular Testing mit Jasmine
Ein integraler Bestandteil von Angular sind Mechanismen zur Testautomatisierung. In diesem Kapitel erfährst Du, wie Du damit die Qualität Deiner Anwendungen sichern kannst.
- Jasmine Überblick
- Jasmine & Angular
- HTTP-Client testen
- Providers überschreiben
Routing & Navigation
Der Router erlaubt das Definieren verschiedener Seiten innerhalb Deiner Angular-Anwendung. Hier besprechen wir alle Details.
- Erste Schritte mit dem Router
- Routing mit Parametern
- Lazy Loading
BONUS: State Management mit Services
Abschluss: Production Build
Trainer
Diskussionen
Live-Coding
Anknüpfen an Vorwissen
Bonusübungen
vollständige Anwendung
gute Vorlage für eigene Anwendungen
Beispiele & Fallstudien
Übungsblätter
Musterlösungen
Format
FLEXIBLE
4 Wochen Zugang zur Lernplattform
✓ 24 h Videolektionen
✓ Chat für Fragen
✓ Teilnahmezertifikat
✓ Schriftliche Unterlagen zur Nachbereitung
