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 Sie diese in der Programmierung mit React einsetzen. 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 Sie bereits Erfahrung mit JavaScript oder einer anderen Programmiersprache haben sollten. 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 lernen Sie mit diesem Videokurs:

In den Videokursen von heise Academy lernen Sie IT-Themen anschaulich und verständlich. In den Videos schauen Sie den Experten bei der praktischen Arbeit zu und lassen sich dabei alles genau erklären. Das Wissen ist in kleine Lernschritte und Aufgaben unterteilt, sodass Sie den Kurs Lektion für Lektion durcharbeiten oder gezielt zu Themen springen können, die Sie interessieren. Die persönliche Lernumgebung der heise Academy hält viele Funktionen für Sie bereit, die Ihnen beim Lernen helfen können:

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