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, Ihnen 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, eine Koryphäe und einer der ersten Stunde.

Nächster Termin: 08. – 10. September, Online

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

Jetzt anmelden

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

In diesem kurzen Kapitel besprechen wir die Entwicklung eigener Pipes für das Transformieren von Daten im Zuge der Datenbindung. Wir diskutieren auch das Konzept der reinen Pipes (engl. pure pipes) und warum es für die Anwendungsperformance wichtig ist.

NgModules und Standalone Components

Auch wenn NgModules seit der Einführung von Standalone Components weniger wichtig sind, existieren noch zahlreiche Codestrecken und Bibliotheken, die darauf aufbauen. Deswegen beschäftigen wir uns hier mit dem Zusammenspiel dieser beiden Konzepte.

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
- Life Cycle Hooks

Bonus: Signals

Das in Angular neue Signals-Konzept ist die Zukunft der Change Detection. Deswegen besprechen wir hier alle Details und diskutieren, wie es die Datenbindung im Zusammenspiel mit der OnPush-Strategie beschleunigt.

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
- HttpClient 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 Parametersr
- Lazy Loading

BONUS: State Management mit Services

Single Page Applications haben einen Anwendungszustand. In diesem Bonus-Kapitel besprechen wir, wie sich dieser Zustand mit Services verwalten lässt.

Abschluss: Production Build

Am Ende des Workshops bauen wir unsere Lösung für die Produktion. Dabei führt Angular zahlreiche Optimierungen durch.

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