Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen training
Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Der beste Start mit Angular
  • Baue ein solides Fundament in TypeScript & Angular auf
  • 60 % Praxis für deinen Projektalltag
  • Training durch Google Developer Experts & Angular.DE Expert:innen
Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung
Angular.DE
Official German Community
Profile picture of Florian Pauly Profile picture of Christian Werner Profile picture of Thomas Stolz Profile picture of Maximilian Boll Profile picture of Hedwig Karl
3032 Participants
5.0
3 bis 5 Tage
Duration
3032
Participants
Over 8.235 participants from leading companies learn with workshops.de
Logo of RWE Group Business Services GmbH, Dortmund
Logo of Generali
Logo of Allianz
Logo of adesso AG, Dortmund
Logo of Commerzbank AG, Frankfurt
Logo of Robert Bosch GmbH, Stuttgart
Logo of Pass Consulting Group
Logo of RWE Group Business Services GmbH, Dortmund
Logo of Generali
Logo of Allianz
Logo of adesso AG, Dortmund
Logo of Commerzbank AG, Frankfurt
Logo of Robert Bosch GmbH, Stuttgart
Logo of Pass Consulting Group

Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Einsteiger · 3 bis 5 Tage · Remote · Open Training or In-House

According to participants, one of the most popular trainings on workshops.de
4.8
Participant<br>Favorite
3.032
Participants
60% Hands-on Practice
Exercises with real projects from everyday development
Certified Trainers
Google Developer Experts & Community Experts
Bonus: Lifetime Access
Materials stay up to date — even after the workshop
Bonus: Free Preparation Videos
You'll receive video courses on JavaScript and TypeScript that optimally prepare you and close any knowledge gaps

Dieser Workshop vermittelt dir eine fundierte Grundlage in Angular – von Projektsetup und Komponenten-Architektur über Dependency Injection, Services, Signals & RxJS bis hin zu HTTP, Formularen und Routing.

Du vertiefst außerdem systematisch deine TypeScript-Kenntnisse (Typing, Generics, Unions, Module, Klassen), um Angular-Code strukturiert und typsicher zu entwickeln.


Agenda

Angular Logo

Grundlagen

  • Angular CLI installieren und einsetzen
  • Projektstruktur erweitern
  • Deiner erste Komponente
  • Standalone Components
  • Template-Syntax
  • Data Binding Grundlagen
  • Angular Roadmap verstehen

Angular Logo

Komponenten

  • Komponenten-Architektur verstehen
  • Templates und Template-Syntax
  • Property Bindings & inputs
  • Event Bindings & output
  • Two-Way Data Binding
  • Kommunikation zwischen Komponenten (Input/Output, ViewChild, ContentChild)
  • Komponenten-Lebenszyklus (afterRender, afterNextRender, destroyRef, ...)
  • Komponenten vs. Direktiven
  • Eigene Struktur- & Attribut-Direktiven schreiben

Angular Logo

Services

  • Grundlagen der Dependency Injection verstehen
  • Bereitstellung wiederverwendbarer Business-Logik via Services
  • Tokens und Providers
  • Arten von Providern
  • Hierarchische DI und Scopes
  • Tree-shakable Providers
  • Singletons & Local Singletons
  • Best Practices für Service-Design

Angular Logo

Signals & RxJS

  • Reaktivität mit Signals (signal, computed, effect)
  • Auto-tracking und untracked
  • Resource API
  • Linked Signals
  • Reaktivität mit RxJS und Observables
  • RxJS Interop mit Signals

Angular Logo

HTTP & APIs

  • HttpClient einsetzen
  • HTTP Interceptors schreiben
  • Error Handling bei HTTP-Requests

Angular Logo

Formulare

  • Template-Driven Forms mit ngModel
  • FormControl, FormGroup, FormArray
  • Signal Based Forms (Ausblick)
  • Reactive (Model-Driven) Forms
  • FormBuilder Service
  • Custom Validators und asynchrone Validators
  • Validierung mit Template-Driven Forms
  • Cross-Field Validation

Angular Logo

Routing und Navigation

  • Router-Konfiguration
  • Navigationsstrukturen erstellen
  • Route Parameters (Route, Query, Optional)
  • Child Routes (verschachtelte Routen)
  • Route Guards (CanActivate, CanDeactivate, Resolve)
  • Lazy Loading und Preloading Strategien

🎥 Für dich ist ein ✨ kostenloser Videokurs zu TypeScript enthalten, der dich auf den Workshop vorbereitet. Du lernst alle Konzepte, die für dich wichtig sind, um Angular-Code mühelos zu entwickeln. Dieser "Baseline-Kurs" wird dir nach der Buchung freigeschaltet.

TypeScript Logo

Syntax & Type Annotation

  • Variablen typisieren
  • Arrays typisieren
  • Objekte typisieren
  • Funktionen typisieren
  • Type Inference

TypeScript Logo

Type & Interface

  • Wiederverwendbare Domänenmodelle
  • type und interface
  • extends
  • Intersection Types

TypeScript Logo

Spezielle Typen

  • null
  • undefined
  • any
  • unknown
  • never

TypeScript Logo

Discriminated Unions & Type Guards

  • Unions mit Discriminator-Feld
  • Eigene Type Guards
  • Sichere Typunterscheidung

TypeScript Logo

Generics

  • Generische Funktionen
  • Generische Interfaces
  • Generische Klassen
  • Flexible, typsichere Wiederverwendung

TypeScript Logo

ES Modules

  • import/export
  • Modulstruktur
  • Type-Only Imports

TypeScript Logo

Klassen

  • Konstruktor
  • Methoden
  • Vererbung
  • Zugriffsmodifikatoren (public, private, protected)

🎥 Nicht sicher, ob du genügend JavaScript-Kenntnisse hast? Auch dafür haben wir eine Lösung für dich. Ein ✨ zweiter kostenloser Videokurs zu JavaScript behandelt alle sprachlichen Funktionen und Konzepte, die du für Angular brauchst.


What you should know

Prerequisites
  • Grundlagenkenntnisse in HTML & CSS, JavaScript und TypeScript
  • Technische Voraussetzung: Notebook mit Windows, Linux oder macOs

Zur Vorbereitung steht dir unser kostenloses JavaScript-Vorbereitungsmodul direkt im Kurs zur Verfügung.
Für eine umfassendere Einarbeitung in die Grundlagen kannst du auch unsere Intensiv-Schulungen besuchen: HTML & CSS Intensiv-Schulung, JavaScript Intensiv-Schulung und TypeScript Intensiv-Schulung.

Target Audience

This Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen course is aimed at Einsteiger.


What's Included

Certificate of Participation
Shareable on LinkedIn Logo
Virtual classroom
Interactive learning platform with exercises and materials
Bonus
Lifetime Access
Including updates to training materials
Bonus
JavaScript video course
Free lessons for preparation
Bonus
TypeScript video course
Free lessons for preparation
Group Discount - Additional €100 discount per person for 3+ participants
Open Workshop Dates
13.04. - 17.04.
5 days • Remote • Deutsch
1.679 €
Early Bird until 07.04.2026
19.05. - 21.05.
3 days • Remote • Deutsch
1.679 € 1.499 €
Super Early Bird until 10.03.2026
08.06. - 12.06.
5 days • Remote • Deutsch
1.679 € 1.349 €
Super Early Bird until 26.05.2026
24.08. - 28.08.
5 days • Remote • Deutsch
1.679 € 1.349 €
Super Early Bird until 07.07.2026
05.10. - 09.10.
5 days • Remote • Deutsch
1.679 € 1.349 €
Super Early Bird until 08.09.2026
07.12. - 11.12.
5 days • Remote • Deutsch
1.679 € 1.349 €
In-House/Corporate Seminars
Customized adaptations available
On-site at your location or online
Available in German and English

Select dates & book

6 dates available
Group discount
€100 discount per person
for 3+ participants
Early Bird until 07.04.2026
19.05. - 21.05.
Remote
Deutsch
1.679 €
1.499 €
Super Early Bird until 10.03.2026
08.06. - 12.06.
Remote
Deutsch
1.679 €
1.349 €
Super Early Bird until 26.05.2026
24.08. - 28.08.
Remote
Deutsch
1.679 €
1.349 €
Super Early Bird until 07.07.2026
05.10. - 09.10.
Remote
Deutsch
1.679 €
1.349 €
Super Early Bird until 08.09.2026
07.12. - 11.12.
Remote
Deutsch
1.679 €
1.349 €
No events found

Seats available
Few seats left
Fully booked

Request in-house/corporate training

Interested in an in-house Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen training for your team or company?
Submit a request and book a preliminary meeting with our advisor.
Tailored training to your needs
On-site or remote for multiple employees
German and English available
Robin Böhm, CEO of workshops.de
Robin Böhm
CEO of workshops.de

What our participants say

4.8 /5
Based on 3.032 participants
Profile picture of Florian Pauly
Florian Pauly
Junior Software Developer

Attended Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Profile picture of Thomas Stolz
Thomas Stolz
IT Application Manager Development

Attended Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Participant illustration
Anonymized on request
Participant

Attended Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Profile picture of Maximilian Boll
Maximilian Boll
Participant

Attended Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Participant illustration
Selim Incirkus
Participant

Attended Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Participant illustration
Dimo Doncheff
Participant

Attended Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen Intensiv-Schulung

Questions and answers

Our public Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen remote courses take place from 9:00 AM to 1:00 PM, on-site Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen trainings from 9:00 AM to 4:30 PM.

For in-house seminars, individual adjustments are possible.

Yes. At the end of each of our Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen seminars, participants receive a signed certificate of attendance.

The certificate includes a verification URL and can be shared on your LinkedIn profile. Learn more about managing certificates on LinkedIn.

Yes, we offer our Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen seminars in German and English.

Public dates are held in German, unless explicitly stated otherwise.

In-house seminars can be conducted in the desired language.

All materials and exercises are fully available in English.

Yes. We offer our Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen seminars both remotely and on-site. Thanks to our virtual classroom, you can conveniently participate in our workshops from anywhere. Our online presentations are regularly updated, and you have permanent access after the training. Exercises can be accessed and unlocked through an online interface, and we have added additional tasks to prepare you for remote workshops.

We also offer in-house seminars and public trainings on-site. In our schedule overview, you can see the respective venue of the trainings. For in-house trainings, we are happy to discuss the venue details individually with you.

For public Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen seminars, we use the online meeting tool Zoom alongside our classroom.
A test link is also included in the preparation to let you try out the technology. The remote workshop is designed so that everyone works from different locations with their own computer.

For in-house seminars, we can conduct the meeting via Zoom or Microsoft Teams.
Other meeting software may be used by arrangement.

In-house Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen trainings: Individual consulting with code mentoring

For our in-house seminars, we additionally offer code mentoring.

What is code mentoring?

  • Ask-Me-Anything sessions: Clarify questions and uncertainties from the course directly with an expert.
  • Code review: Submit your own code snippets and have them analyzed and evaluated by experts.
  • Advanced topics: Ask in-depth questions about the course topic to expand your knowledge.
Public Angular: Modul 1 - Komponenten, Reaktivität & Schnittstellen trainings: Exchange on our community Discord

For participants of public trainings, we recommend joining our community Discord server.

Your benefits on Discord:

  • Diverse channels for questions and discussions – beyond the course topic.
  • An engaged community that supports you in learning.

Our trainers are experienced experts from the industry:

  • Google-Developer-Experts
  • Experienced software developers
  • Book and article authors
  • Active members of the web community
  • Organizers of meetups and conferences

Yes. You can enter your routing ID directly in our order form. Our invoices are sent as ZUGFeRD PDFs right after booking.
If you have provided a routing ID, our team will be notified and we will handle the upload to the portal. If we need additional information, we will contact you after booking.

Team profile pictures
Still have questions?

Just send us an email. If you prefer a more personal contact, Britta is also happy to receive a call from you!

Weekdays from 8 AM to 1 PM

info@workshops.de

+49 30 / 75437336

From 1.349 € /person
Book Training