Schulung: Angular – Strukturierte Einführung

Workshop mit allen Hintergründen zu den Building-Blocks in Angular. Remote oder In-House.

Entwickle das für Deine erfolgreichen Projekte notwendige Hintergrundwissen zu allen Building-Blocks und Konzepten in Angular.

Manfred Steyer beim Angular Training

Bewährte Angular-Schulung für Deinen Erfolg!

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

  • Eine durchgehende Fallstudie zeigt die alle Konzepte von Angular im Kontext einer Geschäftsanwendung.
  • Lernen Sie Best Practices für nachhaltige Entwicklungen.
  • Ein Mix aus Vortrag, Live-Coding und vielen Übungen garantiert, dass es nie langweilig wird.
  • Nutzen Sie die Fallstudie nach dem Training als Vorlage für Ihre eigenen Projekte
  • Erfahren Sie wertvolle Hintergründe über die Konzepte und Ideen, die hinter den Möglichkeiten von Angular stehen.

Wir führen dieses Training in Deutschland, Österreich und der Schweiz durch. Die In-House-Variante dieses Trainings kann auf Wunsch an Ihre speziellen Projektanforderungen angepasst werden.

Optional - Remote Workshops: All unsere Trainings und Beratungen können nun wahlweise auch als Remote Workshops gebucht werden!

 

T-Systems

Den Verlauf der Schulung auf einen Blick!

Konzepte in TypeScript

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# oder JAVA sowie auf Fallstricke.

  • Objektorientierte Konzepte
  • Funktionale Konzepte
  • Unterschiede zu anderen Sprachen wie C# oder JAVA
  • Fallstricke
  • Asynchrone Programmierung

Erste Schritte mit Angular

Angular

Bereits am ersten Tag entwickeln wir eine erste funktionsfähige Anwendung. Dabei werden die folgenden Aspekte beleuchtet:

  • Eine Angular-Anwendung mit der CLI erstellen
  • Projektstruktur und Konventionen
  • Eine erste Komponente
  • Datenbindung
  • HTTP-Zugriff
  • Observables und RxJS

Services Dependency Injection (DI)

Dependency Injection in Angular

Um unsere 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

Komponenten

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
  • Zyklen und andere Fallen
  • Lifecycle-Hooks

Formulare

Angular Formulare

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

Angular Module

Angular-Module erlauben es, unsere große Anwendung in überschaubare Teile zu gliedern. In diesem Abschnitt betrachten wir die Ideen hinter Modulen, deren Implementierung und eine in Angular-Anwendungen üblicherweise vorherrschende Modul-Kategorisierung.

In diesem Abschnitt werden wir die Wartbarkeit unserer Anwendung ausbauen, indem wir sie in Module untergliedern. Das stellt auch sicher, dass die Anwendung “wachsen kann”:

  • Das Angular-Modulsystem verstehen
  • Root-Module
  • Feature-Module
  • Shared Module
  • Core Module
  • Module und Dependency Injection

Routing

Angular Router

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

Angular 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 Jasmine und Protractor
  • 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 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

Über diese und andere weiterführende Themen haben wir übrigens sehr viel zu erzählen. Deswegen bieten wir auch unseren weiterführenden Workshop mit Fokus auf Enterprise-Lösungen und Architekturen mit Angular an.

Aktuelle Öffentliche Termine

Immer Nach Vereinbarung

Alle unsere Seminare sind jederzeit auch Remote oder In-House verfügbar. Kontaktieren Sie uns für eine Terminvereinbarung

Remote oder In-House

Über uns

Unter der Leitung von Manfred Steyer unterstützt ANGULARarchitects.io Unternehmen im gesamten deutschen Sprachraum bei der Umsetzung webbasierter Geschäftsanwendungen mit Angular.

Bei den von ihm konzipierten Angular-Seminaren kombiniert er sein profundes Wissen zu Angular, für das er von Google als Google Development Expert (GDE) ausgezeichnet wurde, mit seiner Erfahrung, die er als Teamleiter im Bereich der Software Entwicklung, als FH-Professor sowie als externes Mitglied des Angular-Teams gesammelt hat.

Manfred hat Bücher bei O'Reilly, Microsoft Press und Hanser veröffentlicht und schreibt für Heise Online, windows.developer und das Java-Magazin. Außerdem gibt er sein Wissen regelmäßig auf Konferenzen weiter

Zum Team von ANGULARarchitects.io gehören bekannte Google Developer Experts (GDE), Konferenzsprecher, Blogger und Buchautoren sowie erfahrne Trainer und FH-Dozenten. Alle Teammitglieder haben mehrjährige Erfarung als Entwickkler und Architekten und verstehen Ihr Wissen zu vermitteln.

The trainer has incredible knowledge of Angular and beyond and explains very understandably."

Participant in June 2019, Vienna

Mir hat vor allem die sehr durchdachte Vorgehensweise gefallen, aber auch die vielen anschauliche Beispiele und die Hohe Fachkompetenz. Auch Zwischenmenschlich ist der Trainer sehr angenehm!"

Teilnehmer im Mai 2019, Stuttgart

Der Trainer hat ein unglaubliches Wissen über Angular und darüber hinaus und erklärt sehr verständlich."

Teilnehmer im Juni 2019, Wien

Es war eine spannende Schulung mit vielen Inhalten, anschaulichen Beispielen und einer hurmorvollen sowie sympathischen Vortragsart."

Teilnehmer im April 2019, Nürnberg

T-Systems

Nur einen Schritt entfernt!

Stellen Sie noch heute Ihre Anfrage,
wir beraten Sie gerne!

Jetzt anfragen!