Entwicklung von State of the Art Web Apps mit JavaScript

Einleitung

JavaScript hat in den letzten Jahren eine massive Modernisierung erfahren. Die Programmiersprache selbst macht eine rasende Entwicklung durch: Seit 2015 erscheint jährlich eine aktualisierte Spezifikation von ECMAScript und es werden kontinuierlich moderne und innovative Sprachkonstrukte und Features eingeführt. Die Unterstützung von modernen Browsern ist dabei äusserst zeitnah und JavaScript Compilers erlauben sogar die Verwendung von zukünftigen JavaScript Features welche noch nicht in allen Browsern unterstütz sind.

Auch als Plattform und Ökosystem hat sich JavaScript in den letzten Jahren extrem weiterentwickelt und ist heute wohl die weitest verbreitete Programmiersprache. Moderne Frontend-Frameworks wie Angular und React bauen zu einem grossen Teil auf den neuen Features von ECMAScript 2015+ auf. TypeScript ist ein Super-Set von JavaScript und hat das Ziel die JavaScript-Entwicklung besser für grosse und komplexe Projekte zu wappnen, indem während der Entwicklung eine starke Typisierung mit einem optionales Type-System genutzt werden kann. Mit der Entwicklung der Sprache ging aber auch eine Explosion der Tools und Libraries im JavaScript Ökosystem einher. Die Entwicklung geht dabei so rasend schnell voran, dass es schwierig ist einen Überblick zu behalten.

In dem Workshop werden die State-of-the-Art Tools für die Web-Entwicklung mit JavaScript aufgezeigt und erklärt. Es werden aber auch Bleeding-Edge Alternativen aufgezeigt, welche schon heute für gewisse Projekte genutzt werden können.

Der Workshop ist die ideale Vorbereitung für die Entwicklung mit modernen JavaScript Frameworks wie Angular oder React, weil die Grundkonzepte der Programmiersprache und die State-of-the-Art Toolchain erlernt werden.

Programm

Die wichtigsten neuen Konzepte und Konstrukte von ECMAScript 2015+: Klassen, Arrow Functions, Iterators & Generators, async/await etc.

Das ES-Modul System.

Verwendung von TypeScript für eine starke Typisierung und Compile-Time-Checking

Die „State-of-the-Art Toolchain“ mit npm und Webpack sowie Vite als moderne Alternativen dazu.

Optionen für Module-Bundling und Module-Loading.

JavaScript Compilers (Transpiliers) (Babel, TypeScript) und moderne Alternativen dazu (esbuild und swc).

Optionen für automatisiertes Testen von JavaScript Code (Jest, Karma, Cypress)

Kursziel

Sie verstehen die neuen Konzepte und Konstrukte der aktuellen Versionen JavaScript  und TypeScript. Sie können ein modernes JavaScript Projekt aufsetzen und kennen die verschiedenen Bestandteile einer modernen JavaScript Toolchain.

Adressaten

Entwickler und Architekten, welche einen Überblick und Hand-On Erfahrung mit dem modernen JavaScript Ökosystem gewinnen wollen.

Der Workshop bietet das Fundament um moderne Frontend-Frameworks wie Angular oder React nicht nur anzuwenden, sondern zu verstehen.

Voraussetzungen

Grundkenntnisse in JavaScript und der Web-Programmierung.

Infrastruktur

Laptop einer aktuellen Version von Node.js und einer IDE nach Wahl (typischerweise IntelliJ/Webstorm oder VS Code)