Berger Software Engineering
Workshop Logo

Angular Workshop - Grundlagen

Lernen Sie die Grundlagen von Angular, einschließlich CLI, Komponenten, Services, Signals, Routing, RxJs, Formularen und Testing, um mühelos skalierbare und dynamische Anwendungen zu erstellen.

Level
Anfänger
Dauer
3 Tage oder 6 halbe Tage
Voraussetzungen
Veranstaltungsort
Remote
Vor Ort

Für wen ist dieser Workshop geeignet?

Junior Webentwickler
Erfahrene Entwickler, die Frontend lernen möchten (z. B. Backend-Entwickler)
Entwickler, die ein anderes Frontend-Framework kennen (z. B. React, Vue) und Angular lernen möchten

Workshop Agenda

icon

Angular Überblick

  • Angular CLI
  • Geschichte und Versionierung
  • Angular Projekt Erstellung
icon

Angular Bausteine

  • Komponenten
  • Pipes
  • Direktiven
  • ngModules und Standalone APIs
icon

Services und Dependency Injection

icon

API-Kommunikation

  • Angular’s HttpClient
icon

Routing

  • provideRouter
  • Lazy loading
  • Route Guards
icon

Angular Change Detection Grundlagen

  • Change Detection Strategien
  • Standard Change Detection
  • OnPush Change Detection
  • Grundlegende Change Detection Optimierungs-Techniken
icon

RxJs Grundlagen

  • Was ist RxJs?
  • Grundlagen der Reaktiven Programmierung
  • Observable Grundlagen
  • RxJs Operatoren
  • Unicasting und Multicasting
icon

Signals Grundlagen

  • Was sind Signals?
  • Signals vs Observables
  • Effect
  • Computed
  • Andere Signal-basierte APIs
icon

Angular Formulare

  • Reaktive Formulare
  • Template-driven Formulare
  • Formular-Validierung
  • Formularübermittlung
  • Custom Validatoren
icon

Testing Grundlagen

  • Angular Testing-Tools
  • Grundlegende Testing-Techniken

Warum Unternehmen auf Angular setzen

Angular ist das ideale Framework für moderne Webanwendungen, die skalierbar, leistungsstark und wartungsfreundlich sein sollen. Dank einer klaren Architektur, umfassender Tooling-Unterstützung und bewährter Best Practices ermöglicht Angular die effiziente Entwicklung komplexer Anwendungen.

Angular kommt von Haus aus mit integrierten Lösungen für Formulare, Routing, Testautomatisierung oder HTTP-Verkehr. Dank TypeScript lassen sich damit typsichere Anwendungen entwicklen. Angular unterstützt klassisch Client-Side-Rendering (CSR), Server-Side-Rendering (SSR) und SSG (Static Site Generation) out of the box. Damit ist das Framework nicht nur auf Single-Page-Applications (SPA) beschränkt, sondern kann auch für SEO-freundliche, performante Websites eingesetzt werden.

Mit einer professionellen Angular Beratung lassen sich maßgeschneiderte Lösungen entwickeln, die langfristig für Stabilität und Wachstum sorgen. Unternehmen profitieren von hoher Performance, Wiederverwendbarkeit und einer starken Entwickler-Community. Wer auf Angular setzt, investiert in eine zukunftssichere Technologie, die sich perfekt für Enterprise-Anwendungen eignet.

Beschreibung

Meistern Sie die Grundlagen von Angular in diesem anfängerfreundlichen Workshop. Wir beginnen mit einem Überblick über das Angular-Framework, einschließlich der CLI, der Projekt-Erstellung und der Versionsstrategie. Sie tauchen ein in die Kernbausteine wie Komponenten, Pipes, Direktiven und verstehen den Unterschied zwischen ngModules und eigenständigen Komponenten. Services und Dependency Injection helfen Ihnen, gemeinsame Logik effizient zu verwalten, während Angular's HttpClient eine reibungslose API-Kommunikation ermöglicht.

Sie werden auch das Routing-System von Angular für den Aufbau von Multi-Page-Apps erkunden und in RxJs eintauchen, um asynchrone Datenströme effektiv zu handhaben. Change Detection und Signal-Grundlagen werden behandelt, um Ihnen zu helfen, die Benutzeroberfläche Ihrer App mit Daten synchron zu halten.

Formulare sind ein wesentlicher Bestandteil jeder App, und Sie lernen sowohl reaktive als auch template-driven Ansätze zur Verwaltung der Benutzereingabe kennen. Schließlich werden wir Testgrundlagen mit Tools wie Karma oder Jest behandeln, um sicherzustellen, dass Ihr Code zuverlässig und wartbar ist.

Dieser Workshop bietet die Werkzeuge und das Wissen, um selbstbewusst skalierbare, dynamische Angular-Anwendungen zu erstellen.

Takeaways

Nach Abschluss der Workshops sind Sie in der Lage:

  • Verstehen und verwenden Sie die Angular CLI für die Projektverwaltung und -erstellung
  • Erstellen und strukturieren Sie Angular-Anwendungen mit Komponenten, Pipes und Direktiven
  • Implementieren Sie Services und nutzen Sie die Dependency Injection für modularen, wiederverwendbaren Code
  • API-Kommunikation effektiv mit Angular's HttpClient
  • Richten Sie die Navigation mit Angulars Routing-System ein und verwalten Sie sie
  • Wenden Sie RxJs an, um asynchrone Datenströme zu verwalten und die Performance zu optimieren
  • Verstehen Sie Angular's change detection und Signals für effiziente App-Updates
  • Grundlegende Techniken zur Optimierung der Laufzeit-Performance
  • Reaktive und template-driven Formulare erstellen und validieren
  • Schreiben Sie Unittests mit Karma oder Jest, um die Zuverlässigkeit der App zu gewährleisten
  • Grundlagen zur Entwicklung skalierbarer und wartbarer Angular-Anwendungen nach Best Practices

Was ist inbegriffen?

  • Hochwertige Materialien mit einer Mischung aus Theorie und Übungen.
  • Viele Best Practices aus meinen Enterprise-Projekten.
  • 8 Stunden Follow-up-Coaching und Beratung nach dem Workshop. Termine und Zeiten können individuell vereinbart werden. Gilt nur für In-House Workshops
  • Lebenslanger Zugriff auf die Workshop-Materialien
  • Praktische Übungen, Live-Coding und Q&A-Sitzungen
  • Teilnahmezertifikat

FAQ zu meinen Workshops

Meine Workshops konzentrieren sich hauptsächlich auf Webentwicklung und Softwarearchitektur. Ich lege Wert auf reaktive Programmierung und architektonische Muster. Angular ist mein Framework der Wahl, da es sich hervorragend für die meisten Unternehmensprojekte eignet.

In all meinen Workshops biete ich hochwertige Materialien, eine gut strukturierte Agenda und eine ausgewogene Mischung aus Theorie und Übungen. All dies wird kombiniert mit vielen Best Practices, die ich im Laufe der Jahre in Unternehmensprojekten bei meinen Kunden gesammelt habe.

Ja, natürlich! Ich komme gerne zu Ihrem Standort und biete Ihrem Team einen Workshop an. Schreiben Sie mir einfach und wir finden die perfekte Lösung für Sie. Ich arbeite jedoch remote-first und bin überzeugt, dass Remote-Workshops genauso effektiv sind wie Workshops vor Ort.

Anfänger-Workshops bieten grundlegende Kenntnisse und erfordern in der Regel keine oder nur wenig Vorerfahrung. Fortgeschrittene Workshops erfordern etwas Erfahrung mit dem Thema und sind detaillierter. Experten-Workshops sind für Personen gedacht, die viel Erfahrung mit dem Thema haben und tief in das Thema eintauchen möchten.

Neben dem Workshop selbst enthalten alle Workshop-Pakete 8 Stunden Follow-up-Coaching und Beratung. Dies kann für Code-Reviews, Architekturberatung oder jedes andere Thema verwendet werden, das Sie mit mir besprechen möchten.

High-Level Workshop Agenda

Um Ihnen ein besseres Gefühl dafür zu geben, wie meine Workshops organisiert sind, hier ein grober Überblick über eine typische Workshop-Agenda.

Bitte beachten Sie, dass die Agenda je nach Workshop und den Bedürfnissen der Teilnehmer variieren kann. Jedes Training ist einzigartig und ich bemühe mich, Ihnen das bestmögliche Erlebnis zu bieten.

09:00 - 10:30 Theorie & Übungen
10:30 - 10:45 Pause
10:45 - 12:15 Theorie & Übungen
12:15 - 13:00 Mittagspause
13:00 - 14:30 Theorie & Übungen
14:30 - 14:45 Pause
14:45 - 16:15 Theorie & Übungen

Nicht den passenden Workshop gefunden?

Keine Sorge, ich erstelle gerne einen maßgeschneiderten Workshop für Sie. Schreiben Sie mir einfach und wir finden die perfekte Lösung für Sie.

Weitere Leistungen

Neben hochwertigen Workshops biete ich eine Vielzahl anderer Leistungen an, um Ihnen und Ihrem Team zu helfen, in Ihren Projekten erfolgreicher zu werden.