Entwicklung von State of the Art Web Apps mit JavaScript

Big Data & Algorithmic Business

Jonas Bandi
11.09.2017
09:10 - 17:00
Hochschule Luzern ÔÇô Informatik
Max. Teilnehmer: 22

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.

Referenten