Angular Lernen - Coding Kurs

Lerne Angular Schritt für Schritt – von deiner ersten Komponente bis zu einer echten Web-App, die mit einem Server kommuniziert. Schreibe TypeScript, ein Template und Styles in einer dreigeteilten Arbeitsumgebung und sieh dir an, wie deine Komponente live auf deinem Smartphone gerendert wird.

Ein Webentwicklungskurs, bei dem du durch praktisches Arbeiten lernst: Du lernst TypeScript so, wie Frontend-Entwickler es verwenden – in Komponenten, Services und Templates.

DAS IST ENTHALTEN

• 38 Kurse und 144 kurze Lektionen, vom Anfängerlevel (A1) bis zum fortgeschrittenen Niveau (C1)

• Eine Live-Arbeitsumgebung: component.ts, template.html und styles.css nebeneinander, mit einer Vorschau, in der dein Code ausgeführt wird

• Ein Projekte-Tab mit Arbeitsbereichen mit mehreren Dateien, geführten Projektpfaden und Versionsverlauf

• 60 TypeScript-Coding-Missionen in drei Schwierigkeitsstufen, mit Hinweisen und ausgearbeiteten Lösungen

• Eine Abschlussprüfung und ein Abschlusszertifikat mit deinem Namen

• Die App ist in 22 Sprachen verfügbar

EIN VOLLSTÄNDIGER PFAD ZUM FRONTEND-ENTWICKLER

• Standalone-Komponenten, Templates und integrierter Kontrollfluss (@if, @for)

• Signals: signal(), computed() und effect(), Signal-Eingaben und -Abfragen

• Datenbindung, bidirektionale Bindung, Pipes und Lebenszyklus-Hooks

• Dependency Injection und gemeinsam genutzte Services

• Routing und Navigation, einschließlich fortgeschrittener Router-Muster

• Template-basierte und reaktive Formulare, benutzerdefinierte Formularsteuerelemente

• Grundlagen und Operatoren von RxJS

• HttpClient und Interceptors für echte API-Daten

• Zustandsverwaltung mit NgRx und NgRx SignalStore

• Unit-, Komponenten- und End-to-End-Tests

• Änderungserkennung, Performance, serverseitiges Rendering und Hydration

• Micro-Frontends, Bibliotheken, i18n und Sicherheit

ÜBUNG, DIE HÄNGEN BLEIBT

• Mini-Quizze und Karteikartenwiederholungen für die Konzepte, die du immer wieder vergisst

• Ein einseitiger Spickzettel zu Syntax, Decorators und Direktiven

• Eine Bibliothek mit kurzen Beispielkomponenten, die du öffnen, ausführen und bearbeiten kannst

• 50 Interviewfragen mit klaren Antworten – nützlich vor einem Vorstellungsgespräch als Frontend-Entwickler

• World Coding Challenge: ein gemeinsames Problem, die Lösungen aller

• Streaks, XP, eine Bestenliste und tägliche Erinnerungen, damit du deine Coding-Gewohnheit beibehältst

KI-WERKZEUGE (PRO)

• KI-Tutor: Frage nach einem Fehler, einem Konzept oder deinem eigenen Code und erhalte eine klare Erklärung

• KI-Lektionsgenerator: eine individuelle Lektion zu dem Thema, das du noch nicht verstehst

• KI-Spielplatz: Beschreibe eine Seite und sieh zu, wie der Code erstellt wird

FÜR WEN IST DIE APP?

• Anfänger, die ihre ersten Schritte in der Webentwicklung und im Frontend-Bereich machen

• JavaScript- und TypeScript-Entwickler, die ihr erstes Framework lernen

• React- oder Vue-Entwickler, die bei der Arbeit zu diesem Framework wechseln

• Studierende und Quereinsteiger, die sich auf eine Stelle als Webentwickler vorbereiten

KOSTENLOS UND PRO

Der erste Kurs und die Live-Arbeitsumgebung sind kostenlos. Pro schaltet alle Kurse, alle Coding-Missionen und die KI-Werkzeuge frei und entfernt Werbung.

Hinweis: Für die Live-Vorschau ist eine Internetverbindung erforderlich.

Diese App ist ein unabhängiger Lernkurs von CoddyKit. Sie steht in keiner Verbindung zu Google oder dem Angular-Team und wird von ihnen nicht unterstützt.

Beginne heute, lerne Angular in deinem eigenen Tempo und erstelle deine erste Komponente in wenigen Minuten.