Angular: Strukturierte Einführung

Entwicklen Sie das für Ihre erfolgreichen Projekte notwendige Know-How und Hintergrundwissen zu allen Building-Blocks und Konzepten in Angular.

Angular: Strukturierte Einführung

Kursbeschreibung

In dieser Schulung lernen Sie von bekannten Insidern und Experten der ersten Stunde anhand vieler Beispiele, wie Sie mit Angular erfolgreich moderne Anwendungen entwickeln:

Kunden die uns vertrauen

Auszug unserer Teilnehmer:innen-Community

Termine

3-5

Juni 2025
Frühbucher

Wien
3. – 5. Juni 2025
09:00 – 17:00 Uhr

Preis
EUR 1600

Frühbucher-Preis
EUR 1400

bis 3. Mai 2025

Agenda im ÜBERBLICK

Angular: Strukturierte Einführung

Konzepte in TypeScript

TypeScript ist die Sprache, die Angular zugrunde liegt. Es handelt sich dabei um eine Übermenge von JavaScript und wird nach JavaScript kompiliert (transpiliert). Wir gehen davon aus, dass Sie bereits Erfahrung mit einer Programmiersprache haben und fokussieren uns hier deswegen auf die Unterschiede zu bekannten Mainstream-Sprachen wie C#, JAVA, C oder PHP sowie auf Fallstricke.

  • Objektorientierte Konzepte
  • Funktionale Konzepte
  • Unterschiede zu anderen Sprachen wie C# oder JAVA
  • Fallstricke
  • Asynchrone Programmierung
Services und Dependency Injection (DI)

Um unsere Angular-Anwendung zu verbessern, führen wir Services ein und nutzen Dependency Injection zur Erhöhung der Testbarkeit:

  • Ideen hinter DI verstehen
  • Wiederverwendbare Geschäftslogik per Services zur Verfügung stellen
  • Token und Provider
  • Arten von Providern
  • Hierarchisches DI und Scopes
  • Tree-shakable Provider
Angular-Komponenten

Danach schauen wir uns die vielen Details von Komponenten an und erfahren dabei, wie die Datenbindung bei Komponenten wirklich funktioniert.

Das gewonnene Wissen nutzen wir, um weitere Komponenten, die miteinander kommunizieren, zu erstellen. Somit wird unsere Anwendung modular und besser wartbar:

  • Templates
  • Kommunikation zwischen Komponenten
  • Property-Bindings
  • Event-Bindings
  • Two-Way-Bindings
  • Funktionsweise von Datenbindung in Angular
  • Datenbindung mit Signals
  • Zyklen und andere Fallen
  • Lifecycle-Hooks
Angular-Komponenten

Angular ist besonders stark beim Umgang mit Formularen. Hierfür gibt es sogar zwei Objektmodelle: Template-driven Forms und Reactive Forms.

Hier betrachten wir diese beiden Varianten und finden heraus, wann welche Option die bessere ist. Außerdem betrachten wir die vielen verschiedenen Arten der Validierung:

  • Template-Driven Forms nutzen
  • Reaktive (Imperative) Forms nutzen
  • Eingaben mit vordefinierten Validatoren prüfen
  • Eigene Validatoren schreiben
  • Asynchrone Validatoren
  • Multifield-Validatoren
Angular-Module und Standalone Components

Auch wenn Angular-Module in Zeiten von Standalone Components optional sind, kommen sie nach wie vor in zahlreichen Angular-Lösungen vor. In diesem Abschnitt werfen wir einen Blick auf die Vor- und Nachteile dieses Features sowie auf das Zusammenspiel mit Standalone Components.

  • Das Angular-Modulsystem verstehen
  • Root-Module
  • Feature-Module
  • Shared Module
  • Core Module
  • Module und Dependency Injection
  • Angular-Module und Standalone Components kombinieren
Routing

Der Router ist der Dreh-und-Angelpunkt der meisten Angular-Anwendungen. Er simuliert Seiten innerhalb einer Single-Page-Application und erlaubt Deep-Linking:

  • Navigationsstrukturen mit Routing schaffen
  • Den Router konfigurieren
  • Routing-Parameter übergeben und auslesen
  • Performance-Optimierung mit Lazy Loading
Testing

Ein weiteres tolles Merkmal von Angular ist die integrierte Unterstützung für automatisierte Tests. Dabei handelt es sich zum einen um isolierte Unit-Tests und zum anderen um Integrations- bzw. End-2-End-Tests:

  • Unit-Tests mit Jasmine und Karma
  • End-2-End-Tests mit Cypress
  • Nutzung von Dependency-Injection, Mocks und Spies zur Erhöhung der Testbarkeit
  • Integrierte Hilfskonstrukte fürs Testing
  • Testabdeckung
Weiterführende Themen

Die restliche Zeit nutzen wir um aufkommende Fragen zu beantworten, weiterführende Themen zu diskutieren und diese anhand unserer Fallstudie zu erproben. Wie bei allen Punkten der Agenda, können wir auch hier Ihre individuelle Projektsituation berücksichtigen:

  • RxJS und Observables und Reaktive Architekturen
  • Performance-Tuning
  • Authentifizierung
  • State-Management

Weil wir über diese und viele andere weiterführende Themen sehr viel mehr zu erzählen haben, bieten wir allen interessierten Teilnehmern und fortgeschrittenen Angular-Anwendern auch unseren weiterführenden Workshop mit Fokus auf Enterprise-Lösungen und Architekturen mit Angular an.

Zielgruppe

Für wen sich der Kurs eignet

TechTalk-Training---Angular-Strukturierte-Einführung

Software-Entwickler

Trainer

Rainer Hahnekamp

Rainer Hahnekamp ist Trainer, Berater und Angular GDE mit Fokus auf Angular, Architektur und Qualität. Er ist Gründer von ng-news, einem wöchentlichen Video-Blog zu Angular und spricht regelmäßig auf Konferenzen. Als NgRx Team Member beteiligt er sich um die Weiterentwicklung des Signal Stores.

JETZT KURS­PLATZ SICHERN.

Unsere Kurse haben eine begrenzte Teilnehmer:innen-Anzahl, um eine optimale Lernerfahrung zu gewährleisten.

Ab zwei Buchungen bieten wir attraktive Mehrbucher-Rabatte an. Bitte geben Sie dies bei Bedarf im Anmeldeformular an.

Wien
3 – 5 Juni 2025
09:00 – 17:00 Uhr

Preis
EUR 1600

Frühbucher-Preis
EUR 1400

bis 23. Mai 2025

*“ zeigt erforderliche Felder an

1Basics
2Details
3Bestätigung
Dieses Feld wird bei der Anzeige des Formulars ausgeblendet

FAQ

Gibt es Rabatte oder Preisnachlässe für das Angular Training?

Ja, wir bieten verschiedene Rabatte an, um den Kurs für alle Teilnehmer zugänglicher zu machen: 

  • Mehrbucherrabatt: Ab der Buchung von 2 Personen gewähren wir 10 % Rabatt auf den regulären Preis pro Person. Für größere Gruppen steigt der Rabatt – beispielsweise 15 % ab 4 Personen und 20 % ab 6 Personen. 
  • Studenten und NGOs: Studierende und Non-Profit-Organisationen erhalten 25 % Rabatt auf den regulären Preis. 
  • Privatpersonen: Teilnehmende, die die Kursgebühr selbst tragen und nicht über ihren Arbeitgeber oder eine Förderstelle buchen, erhalten ebenfalls 20 % Rabatt. 
Eine junge Frau macht sich notizen.
Eine lächelnde Frau arbeitet am Laptop.
Eine Große Gruppe von Personen besuchen ein Seminar.

Förderung

Übersicht Förderstellen

Unsere Kurse werden in der Regel durch das Arbeitsmarktservice (AMS) gefördert. Darüber hinaus gibt es vielfältige Förderprogramme für Aus- und Weiterbildung in jedem Bundesland.

Anfahrt

Unsere Trainings finden in 1220 Wien statt – mit bestem Ausblick über Wien in den DC Spaces des Saturn Tower. Öffentlich erreichen Sie uns am besten mit der U1, Station Vienna International Center. Parkmöglichkeit gegen Gebühr im Saturn Tower vorhanden.

Newsletter

Melden Sie sich jetzt für unseren Newsletter an und erhalten Sie einen 100€-Gutschein auf alle Trainings!

*“ zeigt erforderliche Felder an

Name*