0Pricing
Angular Academy icon

Angular Academy

HTMLFrontendWebBeginner

Lernen Sie Angular, um skalierbare und moderne Webanwendungen mit Angular Academy zu erstellen.

🤖 KI-Gesteuert📚 38 Kurse👥 100.000+ Lernende⭐ 4,9 Bewertung
Kursübersicht

Angular: Das Framework hinter produktionsreifen Web-Apps

Angular ist Googles eigenständiges, TypeScript-First-Framework zum Erstellen großer, wartbarer Single-Page-Applications. Sein Komponentenmodell, das Dependency-Injection-System und erstklassige Tools machen es zum Framework der Wahl für Enterprise-Teams und Entwickler, die Struktur im großen Maßstab wünschen. Dieser Track behandelt modernes Angular — Version 19 mit Standalone Components, Signals und der neuen Control-Flow-Syntax — nicht die Legacy-Muster aus älteren Guides.

Was Sie lernen werden

Sie beginnen mit Angular CLI, Projektstruktur und Angular-19-Grundlagen, dann geht es weiter zu Signals-basierter Reaktivität, Standalone Components und Dependency Injection. Danach behandeln Sie Template-Driven Forms und Reactive Forms, RxJS-Operatoren, HttpClient-Interceptors, Component-Lifecycle-Hooks, Content Projection, Animationen und Routing. Spätere Kurse behandeln State Management mit NgRx und dem Signal-basierten NgRx SignalStore, Unit- und End-to-End-Tests, Internationalisierung und Custom Form Controls. Der Track endet mit Change-Detection-Optimierung, Server-Side Rendering, Hydration, Micro Frontends mit Module Federation, dem Erstellen wiederverwendbarer Angular-Bibliotheken und Angular-Sicherheitsgrundlagen.

Der Lernpfad

Siebenunddreißig Kurse erstrecken sich über A1 bis C1. Die ersten acht Kurse (A1–A2) bilden die Grundlage: CLI-Setup, Standalone Components, Pipes, Lifecycle Hooks und Two-Way Binding. Die B1- und B2-Kurse entwickeln angewandte Fähigkeiten — RxJS, erweitertes Routing, Reactive Forms, Directive Composition und vollständige Testabdeckung. Die C1-Stufe behandelt, was produktives Angular von Tutorial-Angular unterscheidet: Change Detection and Performance, NgRx SignalStore, Server-Side Rendering with Angular SSR, Micro Frontends with Module Federation, Building Angular Libraries und Angular Security Essentials.

So funktioniert es

Jeder Kurs ist in kurze, praktische Lektionen unterteilt, die Sie im integrierten Code-Editor mit Echtzeit-Feedback absolvieren. Ein KI-Tutor ist verfügbar, wenn Sie nicht weiterkommen, und jedes Konzept wird mit Übungen verstärkt, die direkt im Browser ablaufen — es ist keine lokale Einrichtung erforderlich, um anzufangen.

Lernen starten →

So wirst du lernen

🎯
Interaktive Lektionen
Praktische Coding-Übungen mit Live-Feedback
🤖
KI-Tutor
Erhalte sofortige Hilfe von unserem KI-Tutor, wenn du nicht weiterkommst
💻
Integrierter Editor
Schreibe und starte Code direkt in deinem Browser
🏆
Zertifikat
Verdiene ein Zertifikat, wenn du den Kurs abschließt
Lehrplan

38 Kurse

Alle Kurse im Angular Academy Lernpfad.

01

Willkommen bei Angular

A13 Lektionen

Verstehen Sie, was Angular ist, warum Google es entwickelt und pflegt und wie es die Entwicklung großer, professioneller Webanwendungen ver…

02

Angular CLI und Projektstruktur

A14 LektionenPRO

Erstellen, bauen und verwalten Sie Angular-Projekte effizient mit der Angular CLI.

03

Integrierter Kontrollfluss

A14 LektionenPRO

Verwenden Sie Angulars moderne blockbasierte Kontrollflusssyntax für Bedingungen und Schleifen in Templates.

04

Grundlagen von Angular 19

A13 LektionenPRO

Einführung in Angular 19 mit einem Überblick über die wichtigsten Funktionen, die Architektur und die Einrichtung der Entwicklungsumgebung.

05

Grundlagen der Angular Signals

A24 LektionenPRO

Beherrschen Sie Angulars reaktives Signals-Grundprinzip für eine fein abgestimmte und effiziente Zustandsverwaltung.

06

Standalone Components im Detail

A24 LektionenPRO

Erstellen Sie Angular-Anwendungen ohne NgModules mithilfe der Architektur für Standalone Components.

07

Grundlagen der Dependency Injection

A24 LektionenPRO

Stellen Sie Services bereit und verwenden Sie sie mit Angulars hierarchischem Dependency-Injection-System.

08

Pipes: integriert und benutzerdefiniert

A24 LektionenPRO

Transformieren Sie angezeigte Daten mit integrierten Pipes und erstellen Sie eigene benutzerdefinierte Pipes.

09

Lifecycle-Hooks von Komponenten

A24 LektionenPRO

Greifen Sie mit Angular-Lifecycle-Hooks auf die Erstellung, Änderung und Zerstörung von Komponenten zu.

10

Two-Way-Binding und Model Inputs

A24 LektionenPRO

Synchronisieren Sie Daten zwischen über- und untergeordneten Komponenten mit Two-Way-Binding und signalbasierten Model Inputs.

11

Styling und Kapselung von Komponenten

A24 LektionenPRO

Formatieren Sie Komponenten mit bereichsbezogenem CSS, View-Encapsulation-Modi und Host-Styling.

12

Signal Inputs und Queries

B14 LektionenPRO

Verwenden Sie die modernen signalbasierten APIs für Inputs, Outputs und View Queries für übersichtlichere Komponenten.

13

Signals: Computed und Effects

B14 LektionenPRO

Leiten Sie reaktive Werte mit Computed Signals ab und führen Sie mit der Effect-API Seiteneffekte aus.

14

RxJS-Grundlagen für Angular

B14 LektionenPRO

Verstehen Sie Observables, Subscriptions und Subjects als Grundlage der Reaktivität in Angular.

15

Content Projection und Templates

B14 LektionenPRO

Erstellen Sie flexible, wiederverwendbare Komponenten mit Content Projection, ng-content und Template-Referenzen.

16

Angular-Animationen

B14 LektionenPRO

Erwecken Sie Benutzeroberflächen mit Angulars deklarativem Animationssystem zum Leben.

17

Fortgeschrittene Komponenten und Direktiven

B13 LektionenPRO

Erkunden Sie fortgeschrittene Interaktionen zwischen Komponenten, Direktiven und Best Practices.

18

Angular-Routing und Navigation

B13 LektionenPRO

Lernen Sie Routing, Navigationswächter und Routen-Resolver in Angular kennen.

19

Arbeiten mit Formularen

B13 LektionenPRO

Ausführliche Behandlung des Umgangs mit Formularen in Angular.

20

RxJS-Operatoren im Detail

B24 LektionenPRO

Kombinieren Sie leistungsfähige Datenflüsse mit Operatoren zum Abbilden, Filtern, Kombinieren und Behandeln von Fehlern.

21

Angular Router für Fortgeschrittene

B24 LektionenPRO

Gehen Sie mit Resolvern, Routendaten, Parametern und funktionalen Guards über die Grundlagen des Routings hinaus.

22

HttpClient-Interceptor

B24 LektionenPRO

Zentralisieren Sie querschnittliche HTTP-Anforderungen mit funktionalen und klassenbasierten Interceptors.

23

Reactive Forms für Fortgeschrittene

B24 LektionenPRO

Erstellen Sie dynamische, streng typisierte Reactive Forms mit FormArray, benutzerdefinierten Controls und asynchroner Validierung.

24

Directive Composition API

B24 LektionenPRO

Kombinieren Sie wiederverwendbares Verhalten, indem Sie mehrere Directives auf Host-Komponenten anwenden.

25

Zustandsverwaltung mit NgRx

B23 LektionenPRO

Nutzen Sie NgRx, um den Anwendungszustand effizient zu verwalten.

26

Signalbasierte Zustandsverwaltung

B24 LektionenPRO

Strukturieren Sie den Anwendungszustand mit Signals, Services und reaktiven Mustern ohne externe Bibliotheken.

27

Benutzerdefinierte Form Controls

B24 LektionenPRO

Integrieren Sie benutzerdefinierte Widgets in Angular Forms, indem Sie ControlValueAccessor implementieren.

28

Unit- und Komponententests für Angular

B24 LektionenPRO

Testen Sie Komponenten, Services und Pipes mit TestBed und den Angular-Testwerkzeugen.

29

End-to-End-Tests für Angular

B24 LektionenPRO

Überprüfen Sie reale Benutzerabläufe mit End-to-End-Tests unter Verwendung von Playwright und Cypress.

30

Internationalisierung (i18n)

B24 LektionenPRO

Lokalisieren Sie Angular-Anwendungen mit dem integrierten i18n-System und Übersetzungsstrategien zur Laufzeit.

31

HTTP- und API-Integration

B23 LektionenPRO

Beherrschen Sie HTTP-Kommunikation und API-Integration in Angular.

32

Change Detection und Performance

C14 LektionenPRO

Optimieren Sie das Rendering mit OnPush Change Detection, zoneless mode und trackBy-Strategien.

33

NgRx SignalStore

C14 LektionenPRO

Verwalten Sie komplexe Zustände mit dem modernen signalbasierten NgRx SignalStore.

34

Server-Side Rendering mit Angular SSR

C14 LektionenPRO

Rendern Sie Angular auf dem Server für einen schnelleren ersten Bildaufbau und bessere SEO.

35

Hydration und Performance

C14 LektionenPRO

Beschleunigen Sie SSR-Anwendungen mit vollständiger und inkrementeller Hydration, um die Arbeit auf dem Client zu minimieren.

36

Micro Frontends mit Module Federation

C14 LektionenPRO

Setzen Sie große Angular-Anwendungen aus unabhängig bereitstellbaren Micro Frontends zusammen.

37

Angular-Bibliotheken erstellen

C14 LektionenPRO

Packen und veröffentlichen Sie wiederverwendbare Angular-Bibliotheken im Angular Package Format.

38

Grundlagen der Angular-Sicherheit

C13 LektionenPRO

Sichern Sie Ihre Angular-Anwendungen mit wichtigen Techniken ab.

FAQ

Häufig gestellte Fragen

Ist der Angular Academy Kurs kostenlos?

Ja. Du kannst den Angular Academy Kurs kostenlos starten und seine interaktiven Lektionen ohne Kosten abschließen. Ein optionales PRO-Abo schaltet erweiterte KI-Tools und ein teilbares Zertifikat frei.

Brauche ich Vorkenntnisse, um HTML zu lernen?

Nein. Der Kurs beginnt mit den Grundlagen und bewegt sich schrittweise zu fortgeschritteneren Themen, sodass du auch ohne HTML-Vorkenntnisse starten kannst.

Wie lerne ich HTML auf CoddyKit?

Du lernst durch Tun. Kurze interaktive Lektionen verbinden eine klare Erklärung mit einer praktischen Coding-Übung, die in Echtzeit läuft, und ein 24/7 KI-Tutor gibt dir personalisierte Hilfe, wann immer du steckenbleibst.

Erhalte ich ein Zertifikat für den Abschluss von Angular Academy?

Ja. PRO-Lerner können eine Prüfung ablegen und verdienen sich ein teilbares Abschlusszertifikat mit verifizierbarem Code für den Angular Academy Kurs.

Kann ich HTML auf meinem Telefon lernen?

Ja. CoddyKit ist im Web und als native iOS- und Android-Apps verfügbar, sodass du HTML auf jedem Gerät lernen kannst und dein Fortschritt überall synchronisiert wird.

Starte Angular Academy jetzt

Schließe dich Tausenden von Lernenden an, die Programmierung mit KI-gestützten Lektionen beherrschen.

Kostenlos starten →Alle Kurse ansehen