Zum Campus
Videokurs

Essenzielles JavaScript für React

Lerne die wesentlichen Aspekte von modernem JavaScript, die du für die Programmierung mit React benötigst

LERNZIELE

  • Du lernst moderne Konzepte in JavaScript kennen
  • Du verstehst den Umgang mit Template-Strings und Pfeilfunktionen
  • Du erfährst wie die Destrukturierung und der Spread-Operator kompakteren Code ermöglichen
  • Du erkennst wie async/await den Umgang mit Promises erleichtern
  • Du siehst in welchem Zusammenhang diese JavaScript-Konzepte in React vorkommen

INHALT

JavaScript hat in den letzten Jahren einige nützliche Neuerungen erhalten. Dabei gibt es mehrere spezielle Aspekte in modernem JavaScript, die oftmals in der Programmierung mit React vorkommen. Mit diesem Kurs zeigt dir unser Experte Erik Behrends gezielt die wichtigsten modernen Konzepte aus JavaScript, die du für die Programmierung mit React benötigst. Dazu gibt es auch Beispiele, die zeigen, wie diese Konzepte in React zum Einsatz kommen.

Dieser Kurs enthält keine Einführung in JavaScript, sodass du bereits Erfahrung mit JavaScript oder einer anderen Programmiersprache haben sollest. Kenntnisse in React sind nicht nötig, denn dieser Kurs schließt die Lücke zwischen JavaScript und React.

ALLE LEKTIONEN IM ÜBERBLICK

Einleitung
  • Kapitelüberblick
  • Ziel: Wichtige Konzepte in JavaScript für React-Code verstehen
  • Inhalte, Aufbau und Verwendung des Kurses
  • Entwicklungsumgebung für diesen Kurs
  • Den Beispiel-Code verwenden
Variablen und Konstanten
  • Kapitelüberblick
  • Nachteile der Variablendeklaration mit var
  • Variablen mit let deklarieren
  • Konstanten durch const initialisieren
  • In React Werte von Props an Konstanten zuweisen
  • Quiz: Variablen und Konstanten
Template-Strings
  • Kapitelüberblick
  • Stringkonkatenationen sind unübersichtlich
  • Mehrzeilige Template-Strings erstellen
  • Template-Strings durch Interpolation erzeugen
  • Dynamische Textanzeige in React
  • Quiz: Template-Strings
Pfeilfunktionen
  • Kapitelüberblick
  • Deklaration von Inline-Funktionen
  • Pfeilfunktionen deklarieren
  • Einzeilige Pfeilfunktionen kompakt definieren
  • Pfeilfunktionen in React
  • Quiz: Pfeilfunktionen
Destrukturierung
  • Kapitelüberblick
  • Zugriff auf Objekteigenschaften ergibt sich wiederholenden Code
  • Auf Objekteigenschaften durch Destrukturierung zugreifen
  • Destrukturierung in Funktionsparametern verwenden
  • Props in React destrukturieren
  • Arrays destrukturieren
  • Array-Destrukturierung in React beim useState-Hook
  • Object Shorthand zur Erstellung von Objekten
  • Quiz: Destrukturierung
Spread-Operator
  • Kapitelüberblick
  • Daten aus Objekten zusammenführen
  • Objekte durch Spread-Operator kombinieren
  • Spread-Operator bei Arrays verwenden
  • Props mit Spread an React-Komponenten übergeben
  • Spread in Destrukturierung und in Funktionsparametern
  • Quiz: Spread-Operator
async und await
  • Kapitelüberblick
  • Umgang mit Promises ist umständlich und unleserlich
  • async und await vereinfachen den Umgang mit Promises
  • Fehlerbehandlung mit try/catch
  • async und await mit Pfeilfunktionen
  • Quiz: async/await
Klassen
  • Kapitelüberblick
  • React-Komponenten können als Klassen geschrieben werden
  • Klassen mit Methoden deklarieren
  • Objekte durch Konstruktoren aus Klassen erzeugen
  • Klassen-Komponenten in React verstehen
  • Klassen-Komponenten als Funktionen umschreiben
  • Quiz: Klassen
Abschluss
  • Fazit und Kursabschluss

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

Prof. Dr. Erik Behrends
Informatik-Professor und Software Developer | DHBW Lörrach

Erik Behrends unterrichtet an der DHBW Lörrach verschiedene Themen der Programmierung und der App-Entwicklung. Vor seiner Zeit an der Hochschule hat er viele Jahre in IT-Unternehmen als Softwareentwickler gearbeitet. Und auch heute programmiert er noch regelmäßig neben seiner Haupttätigkeit in einigen App-Projekten. Zudem beschäftigt sich Erik Behrends mit der wirksamen Digitalisierung und Weiterentwicklung der Lehre: Online-Inhaltsvermittlung und Offline-Vertiefung.

Essenzielles JavaScript für React

Veröffentlicht am 13.12.2025
ab 49,00 €
im
ESSENTIAL PASS
oder 95,00 € im Einzelkauf
inkl. MwSt. | 79,83 € 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