Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Modernes JavaScript mit ES6/ESNext
Rating: 4.5 out of 5(22 ratings)
184 students

Modernes JavaScript mit ES6/ESNext

Meistere die neueren ECMAScript-Features, let/const, Module, Arrow-Funktionen, Klassen, Spreading/Destructuring, uvm.
Created byStephan Haewß
Last updated 9/2025
German

What you'll learn

  • Nutze die Features der neuesten JavaScript-Version (ECMAScript 6 und neuer).
  • Lerne und verstehe: let/const, Arrow-Funktionen, Destructuring, Spreading, Klassen, Module, uvm.
  • Strukturiere Deine Web-Anwendungen mit ES-Modulen.
  • Lerne die Voraussetzungen für viele Frameworks wie React, VueJs, MobX, Redux, etc.
  • Vereinfache asynchrone Programmierung mit Promises und Async/Await.
  • Du kannst Deinen Code verschlanken, vereinfachen und die Wartbarkeit erhöhen.
  • Lerne klassenbasiertes (class) als auch das klassenloses OO-Programmieren.
  • Vermeide umständliche und fehleranfällige Konstrukte aus alten JS-Versionen.
  • Schreibe besseren Code und wartbareren mit ES6.

Course content

3 sections33 lectures6h 14m total length
  • Warum ES6? Kann ich nicht beim guten alten JavaScript bleiben?5:41

    Ich erkläre, warum die Verwendung von ES6 eine gute Idee ist und wieso man das alte ES5 oder älter nicht mehr verwenden sollte.

  • Entwicklungsumgebung einrichten5:19

Requirements

  • Du kannst schon einfache JavaScript-Anwendungen/Skripte in ES5 oder älter programmieren.

Description

JavaScript ist die Sprache des Web und wer ein Web-Entwickler ist oder sein möchte, muss sich zwangsläufig mit dieser Skriptsprache auseinandersetzen. Die erste Version dieser Sprache wurde mit heißer Nadel gestrickt und hatte somit einige Unzulänglichkeiten, die in den ersten Jahren auch nicht verbessert wurden. Mit der Einführung des Standards ECMA-Script 5 wurden zwar einige zaghafte kleinere Verbesserungen eingeführt, u.a. ein Strict-Mode, der einige böse Fallen der Skriptsprache unterbinden sollte.

So richtig gut wurde JavaScript aber erst mit der Einführung des ECMA-Script 6 Standards, denn hier wurden zahlreiche sehr nützliche und weitreichende Funktionalitäten definiert, die schnell von den Browserherstellern umgesetzt wurden.

Insbesondere das neue Modulsystem, die eleganten Arrow-Funktionen und die Einführung von Promises und dem async/await-Mechanismus, brachte die Skriptsprache wirklich voran. Mit den aktuellen Implementierungen in den Browsern und in NodeJs liegt nun eine Version von JavaScript vor, die sich nicht hinter anderen Programmiersprachen zu verstecken braucht.

Zahlreiche JavaScript-Frameworks wie React, VueJs, Svelte, Redux, MobX, uvm. machen regen Gebrauch von den neuen Funktionalitäten, so dass jeder, der diese Frameworks verwendet mit den neuen Funktionen von ES6 vertraut sein sollte.

Dieser Kurs soll genau diese Vertrautheit vermitteln und die wichtigsten Funktionalitäten im Detail vorstellen, so dass Du die neuen Möglichkeiten in Deiner Web-App erfolgreich verwenden  kannst.

In diesem Kurs werde ich die wichtigsten ES6 - ES13 Funktionen im Detail vorstellen und an Beispielen erläutern. Du wirst u.a. Folgendes lernen:


  • Variablendeklaration mit let und const

  • Arrow-Funktionen

  • Module in ES 6 (import, export)

  • Array- und Objekt-Destructuring

  • Rest- und Spreadoperator

  • Nützliche neue Array-Funktionen

  • Optionale Verkettung

  • Klassen und Vererbung mit dem class-Keyword

  • uvm.

Who this course is for:

  • Der Kurs richtet sich an JavaScript-Entwickler, die schon erste Erfahrungen in der Programmierung von Web-Apps haben und ihren Code mit den neusten ES/JS-Funktionen verbessern möchten.
  • Webentwickler, die moderne Webseiten und Web-Apps mit JS bzw. ECMAScript entwickeln möchten