Zum Campus
Videokurs

Der Crashkurs: Frontend-Entwicklung mit Angular 12

Erstelle moderne Frontend-Anwendungen mit Angular 2 (11), Angular CLI, TypeScript, Bootstrap und Webserver

LERNZIELE

  • Du lernst alle Grundlagen für die Frontend-Entwicklung mit Angular 11
  • Du machst dich mit der TypeScript-Programmierung vertraut
  • Du lernst die Funktionsweise von Webanwendungen und Webservern
  • Du weißt, wie du mit dem Router durch deine Anwendung navigierst
  • Du kannst Angular Design Patterns nutzen
  • Du kennst dich mit Komponenten, Modulen und Services aus
  • Du verstehst das Prinzip der API-Verbindungen

INHALT

Angular ist ein erfolgreiches, clientseitiges JavaScript-Web-Framework zur Erstellung von Single-Page-Webanwendungen und wird gerne für die Programmierung von Geschäfts- und Industrieanwendungen genutzt. Ein großer Vorteil liegt in den zahlreichen vorgefertigten Lösungen wie der Datenbindung, der Formularunterstützung, dem Routing und der Testautomatisierung, die Angular gleich mitbringt.

In diesem Kurs entwickelst du gemeinsam mit deinem Trainer Jannick Leismann eine Anwendung mit einer Struktur, wie sie auch bei großen Websites wie Facebook, Twitter und Google zum Einsatz kommt. Für einen schnellen Einstieg in den Produktiveinsatz lernst du zunächst die Grundlagen. Du machst dich mit TypeScript vertraut, denn du wirst es für die Entwicklung mit Angular einsetzen. Außerdem beschäftigst du dich mit Komponenten und Modulen und lernst die Template-Syntax kennen. Für dein Projekt wirst du Atomic Design Patterns und Component-Service Design Patterns nutzen. Es schließen sich fortgeschrittene Themen an wie Services, Routing und HTTP-Abfragen. Dabei lernst du, wie du mit dem Router durch die Anwendung navigieren und ein Server-Backend über http Rest anbinden und deine Anwendung ausrollen kannst. Am Ende des Kurses bist du in der Lage, eine vollständige, interaktive Anwendung mit Angular zu erstellen.

ALLE LEKTIONEN IM ÜBERBLICK

Form-Validierung
  • Intro
  • Einleitung
  • Template Form erstellen
  • Fehler abfragen
  • Das FormsModule importieren
  • Form mit Component verbinden
  • Validators verwenden
  • Quiz: Form-Validierung
  • Fazit und Kursabschluss
Routing
  • Intro
  • Router-Modul hinzufügen und einrichten
  • Startseite definieren mit Redirect
  • Navigationsbar hinzufügen
  • Quiz: Routing
Einführung und Einrichtung
  • Herzlich willkommen in diesem Kurs
  • Node, NPM und Visual Studio Code installieren
  • Angular CLI installieren
  • Projekt Hotel-App erstellen
  • Eine Eigenschaft aus der Component lesen
  • CSS Styling mit Bootstrap
  • Quiz: Einführung und Einrichtung
Buchungen implementieren
  • Intro
  • Deine erste eigene Component
  • Booking anzeigen
  • Webserver-Funktionalität
  • Mock-Daten erstellen und implementieren
  • Quiz: Buchungen implementieren
Booking erstellen, bearbeiten und löschen
  • Intro
  • CreateBooking Component und Form hinzufügen
  • Formular verbinden
  • Booking mit Click-Handler erstellen
  • Booking bearbeiten
  • Datepicker: Manuelles Binding einrichten
  • Booking bearbeiten
  • Booking löschen
  • Quiz: Booking erstellen, bearbeiten und löschen
Services
  • Intro
  • Was sind Services?
  • Booking Service erstellen
  • Bookings im Service holen und löschen
  • Bookings im Service hinzufügen und bearbeiten
  • Quiz: Services
InMemory Web-API
  • Intro
  • Node Packages installieren
  • InMemoryWebAPI konfigurieren
  • Get Bookings mit HttpClient implementieren
  • Delete Booking mit HttpClient implementieren
  • GetById, Update und Create mit HttpClient implementieren
  • HttpClient abschließen
Styling
  • Intro
  • Styling anpassen: Dark Mode

SO LERNST DU MIT DIESEM KURS

In den Videokursen der heise academy lernst du IT-Themen anschaulich und verständlich. Du siehst den Experten bei der praktischen Arbeit zu und lässt dir dabei alles genau erklären. Das Wissen ist in kompakte Lerneinheiten unterteilt, sodass du den Kurs Schritt für Schritt durcharbeiten oder gezielt zu Lektionen springen kannst, die dich interessieren. Die persönliche Lernumgebung der heise academy hält viele Funktionen für dich bereit, die dich beim Lernen unterstützen:

  • Flexibler Videoplayer mit vielen Steuerungsmöglichkeiten
  • Wissensquiz zur Lernkontrolle
  • Lernhistorie und Lernfortschritt
  • Lesezeichen und Notizen
  • Volltextsuche in den Videos
  • Übungsmaterial zum Mitmachen
  • Responsive Web-App und Videostreaming für alle Endgeräte

TECHNISCHE VORAUSSETZUNGEN

Für diesen Videokurs wird lediglich ein aktueller Browser (mit eingeschalteter JavaScript-Funktionalität) und eine Internetverbindung benötigt.

DEIN EXPERTE

Jannick Leismann
Softwareentwickler und Online-Dozent | Selbstständig

Jannick Leismann arbeitet als freiberuflicher Softwareentwickler und Online-Dozent. Er bietet Dienstleistungen im Bereich der Programmierung an. Dabei ist er spezialisiert auf C# ASP.NET, Schnittstellenprogrammierung und die Entwicklung interaktiver Software. Als von Microsoft zertifizierter Entwickler erstellt Jannik Leismann Programmierkurse für alle Skill-Levels rund um die Web-, Game- und App-Entwicklung.

Foto von Jannick Leismann

Der Crashkurs: Frontend-Entwicklung mit Angular 12

Veröffentlicht am 13.12.2025
ab 49,00 €
im
ESSENTIAL PASS
oder 195,00 € im Einzelkauf
inkl. MwSt. | 163,87 € netto
Preise und Pakete vergleichen

Du hast Fragen zu unseren academy Videokursen? Wir helfen dir gerne weiter.

Fülle ganz einfach und bequem das Kontaktformular aus und wir werden deine Fragen schnellstmöglich beantworten.

Kontaktformular