ECMAScript / JavaScript

Erleichtert die Entwicklung komplexer, robuster Webanwendungen

In den vergangenen Jahren ist das Ökosystem um JavaScript schier explodiert. Mit ECMAScript 2017 holt die Sprache als solche immer weiter auf. Ein natives Modulsystem ermöglicht die saubere Strukturierung auch größerer Anwendungen, während diverse Neuerungen wie async / await die Entwicklung an allen Ecken und Enden abrunden. All diese Erweiterungen erfordern eine neue Herangehensweise an die JavaScript-Entwicklung. Ein Transpiler sowie viele weitere Werkzeuge sind heutzutage feste Bestandteile eines Build-Prozesses. ECMAScript ist eine objektorientierte, dynamisch typisierte, aber klassenlose Skriptsprache mit viel Potential.

Der Aufwand lohnt sich: So können JavaScript-Anwendungen moderne Sprachfeatures nutzen und trotzdem in älteren Umgebungen ausgeführt werden.

Grundlagen JavaScript

  • Scope und Funktionen
    • Funktionsscope
    • Lexikalischer Scope
    • Hoisting von Variablen und Funktionen
    • Verschiedene Arten von Funktionen
    • Funktionen höherer Ordnung
    • Closures
    • Kapselung und echte Privatheit
  • Das Schlüsselwort this
    • Kontextabhängige Bedeutung von this
    • Explizite Festlegung der this-Referenz
    • Erzeugung von Objektinstanzen mit new
  • Prototypenbasiertes Design
    • Einführung in Objekte und deren Prototypen
    • Verkettung mehrerer Prototypen
    • Nachbildung klassischer Vererbung

Einführung ECMAScript

Mit ECMAScript ist JavaScript erheblich erweitert und an vielen Stellen verbessert worden. Ein natives Modulsystem ermöglicht die saubere Strukturierung größerer Anwendungen, wohingegen viele kleinere Neuerungen die Arbeit erleichtern. Transpiler wie Babel oder TypeScript können neue Sprachkonstrukte so umschreiben, dass sie von allen gängigen Browsern verstanden werden: Das ist JavaScript von morgen schon heute.

  • Natives Modulsystem, Importe und Exporte
  • Klassen und Vererbung
  • Arrow-Funktionen und lexikalisches this-Binding
  • Iteratoren und Iteration mit for...of
  • Generator-Funktionen als Zustandsautomaten
  • Symbole als neuer primitiver Datentyp

Diverse syntaktische Neuerungen machen JavaScript ausdrucksstärker und erleichtern den alltäglichen Umgang mit Datentypen, Parametern und Variablendeklarationen.

  • Block-Scoping von Konstanten und Variablen
  • Destrukturierung von Objekten und Arrays
  • Default-Werte für Funktionsparameter
  • Arrow-Funktionen
  • Konstanten und lexikalisches Scoping
  • Klassen und Vererbung

Spezielle Sprachkonstrukte

  • Erweiterte Funktionalität von Objekt-Literalen
  • String-Interpolation und Template-Literale
  • Rest- und Spread-Operatoren für Arrays
  • Iteratoren und Iteration
  • Natives Modulsystem

Standardbibliothek-Funktionalitäten und Netzwerk

  • Nutzung der Standardbibliothek
  • Native Promise-Implementierung
  • Asynchrone Programmierung mit Promises
  • Speichereffiziente Datenstrukturen / Maps und Sets sowie WeakMaps und WeakSets
  • Neue Funktionen für Strings und Arrays

Werkzeuge

Damit moderne JavaScript-Anwendungen in allen gängigen Browsern ausgeführt werden können, wird ein Transpiler zum festen Bestandteil des Werkzeugkastens. Auch zum Bündeln und Laden nativer Module muss ein neues Werkzeug ins Repertoire.

  • Babel als Transpiler-Plattform
  • TypeScript als statisches Typsystem
  • Strategien zum Bündeln und Laden nativer JavaScript-Module
  • Polyfills und Shims für fehlende Features
  • ESLint zur Codequalitätskontrolle
  • Webpack zum Bündeln nativer Module
  • Gulp als Task-Runner und Build-System

Erweitertes

  • Asynchrone Funktionen mit async / await
  • Rest- und Spread-Operatoren für Objekte
  • Dekoratoren für Klassen und Properties
  • Ein neuer Operator zum Potenzieren

Unsere Veranstaltungsorte von dieser / diesem Schulung, Training, Seminar, Kurs (nach oben): Berlin, Dresden, Frankfurt am Main, Hamburg, Hannover, Karlsruhe, Köln, Leipzig, Magdeburg, München, Stuttgart und Inhouse.

Fortbildung oder Weiterbildung zu ECMAScript / JavaScript – wir setzen nur auf erfahrene Talente als ECMAScript / JavaScript Trainer. Das Credo von Alexander Lichter lautet „Webentwicklung war noch nie so einfach und so komplex wie jetzt“. Mehr zu ihm und den Beweggründen unserer anderen Trainer erfahren Sie bei seiner Biographie (direkt erreichbar per Bild). Eine alternative Schreibweise des Titels der Schulung ist ECMAScript 2015 und ECMAScript 2016. Weitere Schreibvarianten sind: ECMAScript 2017, ES6, ES7, ES8.

Nach oben