ES6+ - Modernes JavaScript von ECMAScript 2015 bis 2024
Seminar - GFU Cyrus AG
Teilnehmende erhalten einen umfassenden Überblick über die moderne JavaScript-Entwicklung seit ECMAScript 6 (ES2015) bis zu den aktuellen Sprachversionen. Im Mittelpunkt steht das Verständnis, wie sich die Sprache konzeptionell, syntaktisch und funktional weiterentwickelt hat - von Modulen und Klassen über asynchrone Programmierung bis hin zu neuesten Features wie Optional Chaining, Private Fields und der Temporal API. Das Seminar vermittelt praxisnah, wie moderne JavaScript-Strukturen den Code sicherer, wartbarer und performanter machen und wie sich ältere Codebasen gezielt modernisieren lassen.
Modernes Sprachfundament - Von var zu let und const
Verständnis des Block-Scope-Konzepts und wie es Fehler durch unklare Variablenbereiche verhindert
Vergleich von var, let und const im Kontext von Performance, Lesbarkeit und Wartbarkeit
Best Practices zur Deklaration und Initialisierung in größeren Codebasen
Arrow Functions und der neue Funktionsstil
Einführung in die kompakte Syntax und deren Vorteile bei anonymer und Callback-Logik
Bedeutung von Lexical this und wie es Callback-Höllen reduziert
Umstellung bestehender Funktionen auf Arrow-Syntax zur Codevereinfachung
Modulare Entwicklung mit import und export
Strukturierung großer Projekte mit wiederverwendbaren Modulen
Unterschied zwischen Default- und Named-Exports im Teamkontext
Dynamische Importe und Lazy Loading als Performance-Booster
Klassen, Vererbung und private Felder
Aufbau von Klassen und Konstruktoren mit modernen Syntaxelementen
Nutzung von extends und super() für übersichtliche Objektvererbung
Einführung in Private Fields (#) zur Kapselung sensibler Daten
Asynchrone Programmierung mit Promises und async/await
Vergleich der alten Callback-Struktur mit moderner Promise-Logik
Umgang mit Fehlern in asynchronen Prozessen über try/catch
Zusammenspiel mehrerer Promises mit Promise.all und Promise.allSettled
Fortgeschrittene Objekt- und Arrayfunktionen
Nutzung von Object.entries(), Array.flatMap() und Destructuring für kompakte Datenverarbeitung
Einsatz von Spread- und Rest-Operatoren zur flexiblen Übergabe von Parametern
Umgang mit optionalen Parametern und Defaultwerten in komplexen Funktionen
Optional Chaining, Nullish Coalescing und neue Operatoren
Vereinfachung verschachtelter Zugriffe mit obj?.prop?.value
Sicherer Umgang mit Null- und Undefined-Werten über ??
Kombination mit logischen Zuweisungsoperatoren (||=, ??=, &&=)
Neuere Entwicklungen: ES2023 und ES2024 im Überblick
Nutzung von Array.findLast und Promise.withResolvers
Speicheroptimierung mit ArrayBuffer.transfer()
Einführung in die Temporal API für Zeit- und Datumsoperationen ohne Moment.js
Best Practices, Polyfills und Browserkompatibilität
Strategien zur Unterstützung älterer Browser durch Babel und Transpiler
Testen moderner Features in CI/CD-Umgebungen
Planung von Migrationsstrategien für bestehende Projekte
Praxisübung
Die Teilnehmenden refaktorisieren einen bestehenden JavaScript-Code von ES5 auf ES6+ Standard. Dabei werden Schritt für Schritt var-Deklarationen ersetzt, Funktionen in Arrow Functions umgewandelt, Module eingeführt und asynchrone Prozesse in async/await-Struktur überführt. Ziel ist ein lesbarer, modularer und wartbarer Code, der aktuelle Browser-Engines optimal nutzt.
Dauer/zeitlicher Ablauf:
2 Tage
Zielgruppe:
Einsteigerinnen und Einsteiger mit Grundkenntnissen in JavaScript, die den Umstieg auf moderne Sprachkonzepte vollziehen und aktuelle Standards sicher einsetzen möchten.
Wir setzen Analyse-Cookies ein, um Ihre Zufriedenheit bei der Nutzung unserer Webseite zu verbessern.
Diese Cookies werden nicht automatisiert gesetzt.
Wenn Sie mit dem Einsatz dieser Cookies einverstanden sind, klicken Sie bitte auf Akzeptieren.
Weitere Informationen finden Sie hier.
