<%-- https//cookieconsent.insites.com/download/#-- Neu ab 11.3.2018 --%>

Schulung JavaScript und TypeScript für die moderne Web- und App-Entwicklung

Beschreibung/Inhalt
Unverbindliches Angebot anfordern

Geschäftsanwendungen auf der Basis von Web-Technologien, allen voran HTML und JavaScript, sind derzeit äußerst beliebt, zumal damit sämtliche klassischen und mobilen Plattformen adressiert werden können. Doch bevor Entwicklungs-Teams ausgeklügelte JavaScript-Frameworks, wie Angular 2, nutzen können, müssen Sie sich im Bereich der Grundlagen fit machen. Dazu gehört neben der Sprache JavaScript auch das Document Object Model zur Interaktion mit dem Browser aber auch das JavaScript-Eco-System mit seinen Build-Tools und Packagemanagern. Dieses Seminar gibt anhand eines durchgängigen Beispiels einen Überblick zu diesen Technologien. Dazu wird nicht nur JavaScript, das in seiner neuesten Version „ECMAScript 6“ auch Klassen und Module unterstützt, sondern auch TypeScript, welches zusätzlich ein statisches Typsystem bringt, betrachtet. Im Rahmen der Übungen haben Sie selbst die Gelegenheit, die gewonnen Erkenntnisse anhand einer eigenen Anwendung zu erproben.
- Dieses Schulungsmodul kann mit allen JavaScript-Versionen (z.B. 11.0, 10.0, 9.0, 8.0) entsprechend Ihren Wünschen durchgeführt werden.
- Dieses Schulungsmodul kann mit allen TypeScript-Versionen (z.B. 3.8, 4.0, 3.9, 3.7) entsprechend Ihren Wünschen durchgeführt werden.

Optional vorab: HTML und CSS als Basistechniken moderner Web- und Mobilanwendung (werden geschult, sofern noch nicht bekannt)

# Konzepte moderner Web- und Mobilanwendungen

  • AJAX statt "Round Trips"
  • REST-Kommunikation mit HTTP-Diensten (XML, JSON)
  • Usability ähnlich wie bei Desktop-Anwendungen
  • Responsive Web Design (RWD)
  • Pattern für die Benutzeroberfläche (MVVM, MVC, MVP)
  • Single-Page-Web-Applications (SPAs)
  • Offline-Fähigkeit
  • Benachrichtigungen/Push ("Echtzeitfähigkeit") mit Websockets
  • Progressive Enhancement
  • Progressive Web Apps (PWA)
  • Cross-Platform-Apps


  • # Architektur einer modernen Web- und Mobilanwendung
  • Aufbau des Servers
  • Aufbau des Clients
  • Kommunikationsarten


  • # Die Skriptsprache JavaScript
  • Grundkonzepte von JavaScript
  • Unterschiede zu C#/C++/Visual Basic/Java u.a.
  • Variablen und Typen in JavaScript und Ermittlung von Typen
  • Kontrollstrukturen (Schleifen, Bedingungen etc.)
  • Booleans, truthy und falsy und der Vergleichsoperator
  • Funktionale Programmierung und Closures
  • Ausgewählte, vordefinierte Objekte (Arrays, Strings, Date)
  • Objektorientierte Programmierung mit Objektliteralen, Konstruktorfunktionen und Prototypen
  • Das Function-Objekt und this
  • Module-Muster und IIFEs
  • Sonderfälle und besondere Konstrukte


  • # TypeScript als Erweiterung zu JavaScript
  • Transpilation nach JavaScript
  • Konfiguration des TypeScript-Compilers (tsconfig.json)
  • Verbesserte Typisierung / TypeScript-Datentypen
  • var vs. let vs. const
  • Template Strings
  • for-of vs. for-in
  • Klassenbasiertes Programmieren: Klassen, Vererbung und Interfaces
  • Duck Typing
  • Destructuring
  • Vereinfachtes funktionales Programmieren: Funktionen und Lambdas (Arrow-Functions)
  • Vereinfachte asynchrone Programmierung mit async/await
  • Generics
  • Fehlerbehandlung
  • Module
  • Ambiente Deklarationen
  • Dekoratoren (Annotationen)
  • Iteratoren und Generatoren


  • # Best Practices für JavaScript und TypeScript
  • Zu vermeidende Sprachkonstrukte
  • Wartbaren Code schreiben
  • Sinnvolle Werkzeuge (z.B. Linter)


  • # Werkzeuge
  • Web-Editoren wie Visual Studio, Visual Studio Code (VSCode), Webstorm und Eclipse
  • Sinnvolle Erweiterungen des Webeditors (z.B. Web Essentials für Visual Studio)
  • Aufbau eines Projekts/Projektstruktur
  • Transpilation, z.B. von TypeScript zu JavaScript oder SASS/LESS zu CSS
  • Debugger z.B. in Visual Studio, VSCode, Webstorm, Eclipse
  • Debugger in Browsern z.B. in Chrome
  • Die Paketmanager npm, bower und nuget
  • Bundling mit Webpack, RequireJS oder SystemJS
  • Codegenerierung mit Yeoman
  • Qualitätssicherung mit JSLint, JSHint, ESLint, TSLint
  • Build-Automatisierung mit npm-Skripten, gulp und grunt
  • Bunlding mit Webpack, Parcel oder Browsify
  • Testautomatisierung mit Jasmine
  • Continuous Delivery


  • Optional: Framework-spezifische CLI-Werkzeuge wie z.B. Angular CLI oder React CLI oder Cordova CLI

    # Programmierschnittstellen des Browsers
  • HTML5.x und CSS3
  • Document Object Model (DOM)
  • Programmierschnittstellen moderner Browser (z.B. IndexedDB, Web SQL, Websockets, Service Worker, Animations, Push, Promises)
  • Verfügbarkeit moderner Programmierschnittstellen und Polyfills
  • JavaScript Object Notation (JSON)
  • REST-/JSON- Webservices mit AJAX aufrufen (XHR-Objekt)
  • Cross-Origin Resource Sharing
  • Sinnvolle JavaScript-Bibliotheken
  • Abstraktion von XHR-Objekt mit Promises und Observables

  • Dauer
    Auf Wunsch
    Ort
    In Deutschland, Österreich und der Schweiz nach Ihrer Wahl
    Schulungsdidaktik
    Nach Ihrer Wahl: Klassische Schulung mit PC-Übungen, reine Präsentation ohne PC-Übungen oder interaktiver Workshop mit Beratungsanteil