Angular Lernen: Programmieren — Schreibe eine Komponente und beobachte, wie sie live auf deinem Smartphone gerendert wird

Drei bearbeitbare Bereiche – component.ts für die TypeScript-Klasse, template.html für das Markup und styles.css für die Gestaltung – stehen neben einer Vorschau, die die Komponente rendert, während du einen der drei Bereiche bearbeitest. Wenn du den Wert eines Signals in der Klasse änderst und beobachtest, wie sich das Template sofort aktualisiert, zeigt das etwas, was ein statisches Codebeispiel in einem Buch nicht vermitteln kann. Deshalb basiert der Kurs darauf und nicht auf Beispielen, die man nur liest.

Einige JavaScript-Kenntnisse helfen, sind aber keine Voraussetzung, die du zuerst vollständig erwerben musst. Angular ist in TypeScript geschrieben, also in JavaScript mit einem hinzugefügten Typsystem. Der Kurs führt Typannotationen und Interfaces ein, sobald sie relevant werden, statt sie vorauszusetzen. Angular Lernen: Programmieren beginnt mit einer ersten Standalone-Komponente und erklärt TypeScript dabei direkt mit.

Ein Signal ist ein reaktiver Wert, der mit signal() erstellt wird und den das Template direkt liest. computed() leitet aus vorhandenen Signals ein neues Signal ab, und effect() führt Code automatisch aus, wenn sich ein Signal ändert, von dem der Effekt abhängt. Signals sind die aktuelle, von Angular empfohlene Methode, um den State von Komponenten zu speichern. Sie ersetzen einen großen Teil der manuellen Arbeit mit der Change Detection aus älteren Versionen. Deshalb steht der Kurs Signals Fundamentals früh im Kursweg und nicht erst als fortgeschrittenes Thema.

React ist eine Rendering-Bibliothek. Du wählst dafür selbst einen Router, eine Lösung für Forms, einen HTTP-Client und ein State Management aus. Angular ist ein vollständiges Framework und bringt diese Entscheidungen bereits mit – Komponenten, Dependency Injection, einen Router, RxJS und jetzt auch Signals. React wirkt beim Einstieg meist leichter und Angular schwerer. In einem großen Team sieht eine Angular-Codebasis jedoch von Unternehmen zu Unternehmen ähnlicher aus, was ein Grund dafür ist, dass große Organisationen es weiterhin einsetzen.

Ja, besonders wenn dein Ziel eine Anstellung und nicht nur ein Nebenprojekt ist. Angular wird in großen Unternehmen und im Enterprise-Umfeld intensiv eingesetzt. Dort sind seine vorgegebene Struktur, die integrierte Unterstützung für Testing und der langfristige Support-Zeitplan wichtiger als Neuheit, weshalb Stellenangebote dafür tendenziell stabil sind. Das Material zu Signals und SignalStore in diesem Kurs zeigt außerdem, wohin sich das Framework tatsächlich entwickelt hat, statt nur eine veraltete Momentaufnahme zu vermitteln.

Konstanz ist wichtiger als die Gesamtzahl der Stunden. Wenn du täglich kurze Lektionen in der Workbench durcharbeitest, kannst du als Anfänger meist innerhalb weniger Wochen einige Komponenten erstellen, miteinander verbinden, mit Signals Daten zwischen ihnen übertragen und eine API aufrufen. Dependency Injection, RxJS-Operatoren und das State Management mit NgRx sind die Teile, für die normalerweise ein zweiter Durchgang nötig ist. Der Kurs behandelt sie deshalb nach den Grundlagen und nicht gleich zu Beginn.

Angular Lernen: Programmieren ist für iPhone und iPad im App Store sowie für Android bei Google Play verfügbar. Die Benutzeroberfläche ist in 22 Sprachen verfügbar und die App hat eine Altersfreigabe ab 4 Jahren. Die App richtet sich an absolute Anfänger, Studierende, Quereinsteiger und Entwickler, die etwas JavaScript kennen und Angular als erstes Framework lernen oder von React oder Vue wechseln möchten.

Die App kann kostenlos im App Store und bei Google Play heruntergeladen werden. Der erste Kurs und die Live-Workbench sind kostenlos. Pro ist das kostenpflichtige Upgrade: Es schaltet alle Kurse, alle 60 Coding-Missionen sowie den KI-Tutor, den Lektionengenerator und die Playground frei und entfernt Werbung.

Nein, zumindest die Vorschau nicht. Für das Live-Rendering deiner Komponente ist eine Verbindung erforderlich, worauf die App ausdrücklich hinweist, statt die Funktion unbemerkt einzuschränken. Lektionen und Lesematerial werden auch bei einer instabilen Verbindung geladen und bleiben verfügbar. Wenn du jedoch eine vollständig offline nutzbare Workbench brauchst, bietet die Live-Vorschau dieser App das nicht.

Nein. Angular Lernen: Programmieren ist ein unabhängiger Lernkurs von CoddyKit und steht weder mit Google noch mit dem Angular-Team in Verbindung und wird von ihnen auch nicht unterstützt. Der Kurs vermittelt das Framework so, wie Google es pflegt und veröffentlicht. Die App selbst ist jedoch ein Kurs eines Drittanbieters und kein offizielles Produkt.