Erste Schritte mit Angular 19
Richten Sie Ihre Umgebung ein und erstellen Sie Ihre erste Angular-19-Anwendung.
Erste Schritte mit Angular 19 ist eine kostenlose Angular Academy-Lektion auf CoddyKit. Dies ist Lektion 1 von 3. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Angular Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Angular Academy-Kurs umfasst insgesamt 3 Lektionen.
Willkommen bei Angular 19!
Willkommen bei Angular 19!
Angular ist ein beliebtes Framework, mit dem sich moderne Webanwendungen einfach erstellen lassen. In dieser Lektion lernen Sie, Ihre Umgebung einzurichten und Ihre erste Angular-App zu erstellen.
Was ist Angular?
Was ist Angular?
Angular ist ein von Google entwickeltes Framework, mit dem sich dynamische Webanwendungen einfach erstellen lassen. Es verwendet Komponenten, um Ihre Anwendung übersichtlich zu strukturieren.
Warum Angular wählen?
Warum Angular wählen?
- Einfach zu lernen
- Strukturierter und übersichtlicher Code
- Unterstützung durch Google und eine große Community
Node.js installieren
Node.js installieren
Angular benötigt Node.js. Besuchen Sie die offizielle Node.js-Website, laden Sie die LTS-Version herunter und installieren Sie sie.
Angular CLI installieren
Angular CLI installieren
Mit Angular CLI können Sie Ihr Projekt verwalten. Öffnen Sie Ihr Terminal und führen Sie den folgenden Befehl aus:
npm install -g @angular/clinpm install -g @angular/cliIhr erstes Angular-Projekt erstellen
Ihr erstes Angular-Projekt erstellen
Verwenden Sie die CLI, um ein neues Angular-Projekt namens 'my-app' zu erstellen. Führen Sie Folgendes aus:
ng new my-appng new my-appIhre Angular-App ausführen
Ihre Angular-App ausführen
Wechseln Sie in den Projektordner und starten Sie Ihre Anwendung mit:
ng serve --openng serve --openProjektstruktur
Projektstruktur
Angular-Projekte haben eine übersichtliche Struktur. Zu den wichtigen Dateien und Ordnern gehören:
src: Quelldateien der Anwendung.app: Enthält Ihre Komponenten.assets: Statische Dateien wie Bilder.
Herzlichen Glückwunsch!
Herzlichen Glückwunsch!
Sie haben Ihre erste Angular-19-Anwendung erstellt und ausgeführt. Jetzt können Sie tiefer in Angular einsteigen!
Häufig gestellte Fragen
Ist die Lektion „Erste Schritte mit Angular 19“ kostenlos?
Ja — der vollständige Text von „Erste Schritte mit Angular 19“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Angular Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Angular Academy-Kurs umfasst insgesamt 3 Lektionen.
Was lerne ich in „Erste Schritte mit Angular 19“?
Richten Sie Ihre Umgebung ein und erstellen Sie Ihre erste Angular-19-Anwendung. Du übst Angular Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Angular Academy zu starten?
Keine Vorkenntnisse erforderlich. Angular Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 1 von 3.
Wie lange dauert die Lektion „Erste Schritte mit Angular 19“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Angular Academy-Lektion Code schreiben und ausführen?
Ja. Jede Angular Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Erste Schritte mit Angular 19
- Komponenten verstehen
- Templates und Data-Binding