Entwicklung von State of the Art Web Apps mit JavaScript

Einleitung

JavaScript hat in den letzten Jahren eine massive Modernisierung erfahren. Die Programmiersprache selbst wurde mit den Standards ECMAScript 2015, ECMAScript 2016 und ECMAScript 2017 aktualisiert und es wurden viele neue Konstrukte und Features eingeführt. Auch als Platform und Ökosystem hat sich JavaScript in den letzten Jahren extrem weiterentwickelt. Moderne Browser unterstützen die neuen Features der Sprache weitestgehend. Aber auch für ältere Browsers besteht die Möglichkeit die Features der aktuellen ECMAScript Versionen zu nutzen. Daher hat ECMAScript 2015+ in den letzten Jahren extrem an Bedeutung gewonnen und hat sich als ein wichtiger Bestandteil der modernen JavaScript-Entwicklung etabliert. Moderne Frontend-Frameworks wie Angular 2, React, Ember und Aurelia 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 Typ-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 aufgezeit und erklärt. Der Workshop ist die ideale Vorbereitung für die Entwicklung mit modernen JavaScript Frameworks wie Angular 2+ oder React, weil die Grundkonzepte der Programmiersprache und die State-of-the-Art Toolchain erlernt werden.

Programm

• Die neuen Konzepte und Konstrukte von ECMAScript 2015+: Klassen, Arrow Functions, Iterators & Generators, Promises etc.
• ES2015 Module
• Verwendung von TypeScript für eine starke Typisierung und Compile-Time-Checking
• Die State-of-the-Art Toolchain mit npm und Webpack
• Optionen für Module-Bundling und Module-Loading (SystemJS, Webpack)
• Optionen für ES2015 -> ES5 Teranspilierung für ältere Browser (Babel, TypeScript)
• Optionen für automatisiertes Testen von JavaScript Code (Node, Karma, Protractor)

Kursziel

Sie verstehen die neuen Konzepte und Konstrukte der aktuellen Versionen von ECMAScript (2015, 2016, 2017) und TypeScript. Sie können ein modernes JavaScript Projekt aufsetzen und kennen die verschiedenen Tooling Optionen.

Adressaten

• Entwickler und Architekten, welche einen Überblick und erste Hand-On Erfahrung mit dem modernen JavaScript Ökosystem gewinnen wollen.
• Der Workshop bietet das Fundament um moderne Frontend-Frameworks wie Angular 2+ oder React nicht nur zu anzwenden, sondern zu verstehen.

Voraussetzungen

Grundkenntnisse in JavaScript und der Web-Programmierung.

Infrastruktur

Bitte bringen Sie Ihren Laptop mit.