Essenzielles JavaScript für React

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 stellt unser Experte Erik Behrends gezielt die wichtigsten modernen Konzepte aus JavaScript vor und zeigt, wie du diese in der Programmierung mit React einsetzt. 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 solltest. Kenntnisse in React sind nicht nötig, denn dieser Kurs schließt die Lücke zwischen JavaScript und React.

Alle Video-Lektionen im Überblick:

• 1. Herzlich willkommen zu diesem Kurs

• 2. 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

• 3. 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

• 4. Template-Strings

  • Kapitelüberblick

  • Stringkonkatenationen sind unübersichtlich

  • Mehrzeilige Template-Strings erstellen

  • Template-Strings durch Interpolation erzeugen

  • Dynamische Textanzeige in React

  • Quiz: Template-Strings

• 5. Pfeilfunktionen

  • Kapitelüberblick

  • Deklaration von Inline-Funktionen

  • Pfeilfunktionen deklarieren

  • Einzeilige Pfeilfunktionen kompakt definieren

  • Pfeilfunktionen in React

  • Quiz: Pfeilfunktionen

• 6. 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

• 7. 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

• 8. 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

• 9. 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

• 10. Abschluss

  • Fazit und Kursabschluss

So lernst du mit diesem Videokurs:

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

• Frage-den-Experten-Modul

• Übungsmaterial zum Mitmachen

• Responsive Web-App und Videostreaming für alle Endgeräte

Technische Voraussetzungen:

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