Angular Grundlagen - Moderne Single Page App (SPA) programmieren

Angular Online Training

Angular ist ein Open Source Front-End-Webapplikationsframework, das von Google entwickelt wurde und von einer aktiven Community aus Einzelpersonen und Unternehmen gepflegt wird. Es kombiniert HTML, CSS und TypeScript, um mächtige und benutzerfreundliche Webanwendungen auf Enterprise-Niveau zu erstellen.

Angular Schulungsinhalte

Angular erleichtert Web-Entwicklern die Programmierung, indem es strukturierte und wiederverwendbare Komponenten bereitstellt. In diesem Angular Kurs lernen Sie, Single Page Apps mit dem Angular-Framework selbst zu erstellen und zu warten.

Dieses Angular Seminar wird auf Basis der aktuellsten verfügbaren Version von Angular 17 mit Microsoft TypeScript und der Microsoft Entwicklungsumgebung Visual Studio Code durchgeführt.

Zielgruppe Angular Seminar

Dieses Angular Training ist für Web-Entwickler mit Erfahrung in HTML, CSS und JavaScript geeignet. Grundkenntnisse in Microsoft TypeScript werden vorausgesetzt.

TypeScript Kurs mit Angular

Sie haben viel vor, aber wenig Zeit? Oder Ihnen fehlen noch die TypeScript Grundlagen? Werden Sie mit Power-Woche: TypeScript mit Angular innerhalb von 5 Tagen fit und sparen Sie 100€. Diese setzt sich aus diesem Angular Workshop und der "TypeScript Schulung" zusammen.

Agenda Angular Kurs

• Einstieg in Angular
  Grundlagen der Anwendungsstruktur
  Architekturen (SPA, SSR, SSG)
  Nützliche Werkzeuge, IDE's und Editoren
  Angular Projekte mit Angular CLI generieren
• Grundkonzepte von Angular
  Zusammenspiel von Komponenten
  Properties und Event Binding
  Direktiven und Templates verwenden
  NgModules oder Standalone Components
• Komponenten erstellen
  Aufbau einer Komponente
  Templates und Control Flow
  Datenbindung in Angular
  Styling von Komponenten
  Component Lifecycle von Angular
• Routing und Navigation
  Angular-Routing Grundlagen
  Route-Parameter benutzen
  Angular Route Guards verwenden
  Angular Resolver und Lazy Loading
• Datenbindung und Formulare
  Angular Forms im Überblick
  Template Reference Variablen
  Two-Way-Data-Binding
  Reactive Forms erstellen
  Validierung und Feedback
• Pipes und Filter verwenden
  Vordefinierte Pipes verwenden
  Eigene Pipes erstellen
• Separation Of Concerns
  Dependency Injection verwenden
  Services und Facades
  
• State Management in Angular
  State Management Grundlagen
  Vergleich verschiedener Ansätze (NgRx, Signals)
  State Management implementieren
• Asynchrone Programmierung mit RxJS
  Observables und Observer
  API-Zugriffe und httpClient-Modul
  Reaktive Programmierung mit RxJS Bibliothek
• Veröffentlichung und Bereitstellung
  Build-Porzess und Optimierung
  SSR mit Angular Universal
  Performance-Optimierung und Debugging