Modernes JavaScript ab ES6 Kurs

Mache deine JavaScript-Kenntnisse zukunftssicher

... und lerne, wie du die zahlreichen neuen ES6-Funktionalitäten in deinen Web-Projekten gewinnbringend einsetzen kannst. Da zudem zahlreiche moderne Frameworks auf diesen ES6-Funktionalitäten aufbauen, ist es immens wichtig, diese zu kennen und auch in der Praxis anwenden zu können.

Laufzeit des Kurses

ca. 7 Stunden

Benötigte Vorkenntnisse

JavaScript Grundkenntnisse

JavaScript ist die beliebteste Programmiersprache des Webs und hat sich im Laufe der Zeit fortlaufend weiterentwickelt. Einer der wichtigsten Meilensteine der Weiterentwicklung von JavaScript war ECMAScript 6 (ES6), mit welcher zahlreiche neue Funktionalitäten eingefügt wurden.

Im Kurs lernst du, wie du ES6 fortan in deinen Web-Projekten verwenden kannst und deine JavaScript-Kenntnisse somit zukunftssicher machst. Zahlreiche moderne Frameworks wie React oder Vue.js bauen auf diesen ES6-Funktionalitäten auf, weshalb es immens wichtig ist, diese zu kennen und in der Praxis auch anwenden zu können.

Diese Themen erwarten dich im Kurs:

  • Variablen mit const/let
  • Destructuring
  • Arrow-Funktionen
  • Module mit import und export
  • Klassen
  • Templates
  • und vieles mehr...

Alle Themen werden dir anhand von verständlichen Beispielen und mit zusätzlichen Praxis-Tipps näher gebracht.

Mit diesem neuen Wissen hast du folgende Vorteile:

  • Dein Code wird verständlicher und einfacher wartbar
  • Du wirst kompakten und eleganten Code schreiben
  • Du erhältst das Rüstzeug für fortgeschrittene Frameworks wie z.B. React oder Vue.js

Wenn du also den Quereinstieg in die Web-Programmierung planst, deine bereits bestehenden Programmier-Kenntnisse für einen neuen Job oder ein Job-Interview ausbauen möchtest, oder dich einfach nur hobbymäßig mit der Webentwicklung befassen möchtest, dann ist dieser Kurs perfekt für dich geeignet!


Inhaltsverzeichnis des Kurses

Modul 1: Einleitung

Modernes JavaScript ab ES6 Modul 1

In diesem Modul erhältst du eine detaillierte Einführung in diesen Kurs. Du wirst dabei lernen, wieso man ES6-Funktionalitäten nutzen sollte und wie man die Entwicklungsumgebung für diesen Kurs einrichtet.

Diese Lektionen erwarten dich:

  • [Text] Kursübersicht und Voraussetzungen
  • [Video 1] Warum ES6? Kann ich nicht beim guten alten JavaScript bleiben?
  • [Video 2] Entwicklungsumgebung einrichten

Modul 2: ECMAScript 6 Features

Modernes JavaScript ab ES6 Modul 2

In diesem Modul wirst du alle wichtigen ES6-Funktionalitäten im Detail anhand von Beispielen kennenlernen. 

Diese Lektionen erwarten dich:

  • [Video 1] Variablendeklaration: let/const vs. var
  • [Video 2] for ... of
  • [Video 3] Arrow-Functions
  • [Video 4] Optionale Funktionsparameter
  • [Video 5] Destructuring
  • [Video 6] Rest-Parameter
  • [Video 7] Rest-Operator
  • [Video 8] Rest-Operator mit Objekten
  • [Video 9] Spread-Operator bei Arrays
  • [Video 10] Spread-Operator mit Objekten
  • [Video 11] Optionale Verkettung (?. Operator)
  • [Video 12] ?? Operator
  • [Video 13] Methodendeklaration in Objekten
  • [Video 14] Getter und Setter
  • [Video 15] Proxy-Objekte
  • [Video 16] Nützliche und neue String-Funktionen
  • [Video 17] Template-Strings/-Literale
  • [Video 18] Nützliche neue Array-Funktionen (find, filter, map, reduce, ...)
  • [Video 19] Map als Wörterbuch und Key Value Store
  • [Video 20] Promises
  • [Video 21] Async/await
  • [Video 22] Module
  • [Video 23] Dynamische Importe
  • [Video 24] Klassen
  • [Video 25] Vererbung
  • [Video 26] Feld/Member
  • [Video 27] Private Felder
  • [Video 28] Ohne Klasse Objekte erzeugen (Alternative zu Class)
  • [Video 29] Das globale Object globalThis

Modul 3: Fazit

Modernes JavaScript ab ES6 Modul 3

In diesem abschließenden Modul erhältst du eine Zusammenfassung und einen Ausblick.

Diese Lektionen erwarten dich:

  • [Video 1] Zusammenfassung und Ausblick