Auf einen Blick. 1 Einführung Funktionen und funktionale Aspekte Objektorientierte Programmierung mit JavaScript...

Transkript

1 Auf einen Blick Auf einen Blick 1 Einführung Funktionen und funktionale Aspekte Objektorientierte Programmierung mit JavaScript ECMAScript Der Entwicklungsprozess JavaScript-Anwendungen testen Die Entwurfsmuster der Gang of Four Architekturmuster und Konzepte moderner JavaScript-Webframeworks

2 Vorwort Einführung Einleitung Entstehung und Historie Einsatzgebiete von JavaScript Clientseitige JavaScript-Webanwendungen Serverseitige JavaScript-Anwendungen Desktop-JavaScript-Anwendungen Mobile JavaScript-Anwendungen Embedded-Anwendungen Popularität von JavaScript Laufzeitumgebungen V SpiderMonkey/TraceMonkey/JägerMonkey/OdinMonkey JavaScriptCore Rhino Nashorn Dyn.js Auswahl der richtigen Laufzeitumgebung Interpreter und Just-in-time-Compiler Entwicklungsumgebungen Cloud Aptana Studio Sublime Text NetBeans IntelliJ WebStorm JSFiddle, JSBin und Codepen Fazit Debugging-Tools Das console-objekt Browser node-inspector

3 1.7 Einführung in die Sprache Statische Typisierung vs. dynamische Typisierung Datentypen und Werte Variablen und Konstanten Funktionen Operatoren Kontrollstrukturen und Schleifen Fehlerbehandlung Sonstiges Wissenswertes Rekursion Closures Partielle Auswertung Currying Das IIFE-Entwurfsmuster Das Callback-Entwurfsmuster Self-Defining Functions Zusammenfassung und Ausblick Zusammenfassung und Ausblick Funktionen und funktionale Aspekte Die Besonderheiten von Funktionen in JavaScript Funktionen sind First-Class-Objekte Funktionen haben einen Kontext Funktionen definieren einen Sichtbarkeitsbereich Alternativen zum Überladen von Methoden Funktionen als Konstruktorfunktionen Standardmethoden jeder Funktion Objekte binden mit der Methode»bind()« Funktionen aufrufen über die Methode»call()« Funktionen aufrufen über die Methode»apply()« Einführung in die funktionale Programmierung Eigenschaften funktionaler Programmierung Unterschied zur objektorientierten Programmierung Unterschied zur imperativen Programmierung Funktionale Programmiersprachen und JavaScript Von der imperativen Programmierung zur funktionalen Programmierung Iterieren mit der Methode»forEach()« Werte abbilden mit der Methode»map()« Werte filtern mit der Methode»filter()« Einen Ergebniswert ermitteln mit der Methode»reduce()« Kombination der verschiedenen Methoden Funktionale Techniken und Entwurfsmuster Komposition Objektorientierte Programmierung mit JavaScript Objekte Arten von Objekten Objekte erstellen Prototypen Vererbung Prototypische Vererbung Pseudoklassische Vererbung Kopierende Vererbung Datenkapselung Öffentliche Eigenschaften Private Eigenschaften Privilegierte öffentliche Methoden Nichtprivilegierte öffentliche Methoden Private Methoden Emulieren von statischen Eigenschaften und statischen Methoden Emulieren von Interfaces Interfaces emulieren mit Attribute Checking Interfaces emulieren mit Duck Typing Emulieren von Namespaces Emulieren von Modulen Das klassische Module-Entwurfsmuster Das Revealing-Module-Entwurfsmuster Importieren von Modulen

4 3.8.4 Module Augmentation AMD, CommonJS und ECMAScript-6-Module Zusammenfassung und Ausblick ECMAScript Einführung Block-Scope und Konstanten Block-Scope Konstanten Striktere Trennung zwischen Funktionen und Methoden Arrow-Funktionen Definition von Methoden Flexiblerer Umgang mit Funktionsparametern Beliebige Anzahl an Funktionsparametern Abbilden von Arrays auf Funktionsparameter Standardwerte für Funktionsparameter Benannte Parameter Mehrfachzuweisungen über Destructuring Array-Destructuring Objekt-Destructuring Iteratoren und Generatoren Iteratoren Generatorfunktionen und Generatoren Promises Proxies Proxies in ES Emulieren von Proxies in ES Anwendungsbeispiel: Proxy als Profiler Anwendungsbeispiel: Proxy zur Validierung Collections Maps Weak-Maps Sets Weak-Sets Module Module exportieren Module importieren Klassen Definition von Klassen Vererbung Neue Methoden der Standardobjekte Neue Methoden in»object« Neue Methoden in»string« Neue Methoden in»array« Neue Methoden in»regexp«,»number«und»math« Sonstiges neue Features Template-Strings Symbole for-of-schleife Zusammenfassung und Ausblick Der Entwicklungsprozess Einleitung Styleguides und Code Conventions Codequalität JSLint JSHint ESLint JSBeautifier Google Closure Linter Fazit Dokumentation JSDoc YUIDoc JSDuck Unterstützte Tags Fazit Konkatenation, Minification und Obfuscation YUI Compressor

5 5.5.2 Google Closure Compiler UglifyJS Fazit Package Management Backend Package Management mit NPM Frontend Package Management mit Bower Fazit Building Grunt Gulp JS Fazit Scaffolding Yeoman Lineman Zusammenfassung und Ausblick JavaScript-Anwendungen testen Testgetriebene Entwicklung Grundlagen und Begriffsdefinition Testgetriebene Entwicklung in JavaScript QUnit mocha Integration in Build-Tools Test-Doubles Sinon.JS Spies Stubs Mock-Objekte Testabdeckung Einführung Blanket.js Die Entwurfsmuster der Gang of Four Einführung Erzeugungsmuster Objekte an einer zentralen Stelle erzeugen (Abstract Factory/Factory Method) Nur ein Objekt von einem Typ erstellen (Singleton) Erstellen von komplexen Objekten (Builder) Ähnliche Objekte erstellen (Prototype) Strukturmuster Die Schnittstelle anpassen (Adapter) Abstraktion und Implementierung entkoppeln (Bridge) Objekte in Baumstrukturen anordnen (Composite) Eigenschaften unter Objekten teilen (Flyweight) Objekte mit zusätzlichen Funktionalitäten ausstatten (Decorator) Einheitliche Schnittstelle für mehrere Schnittstellen (Facade) Den Zugriff auf Objekte abfangen (Proxy) Verhaltensmuster Über Datenstrukturen iterieren (Iterator) Den Zugriff auf Objekte beobachten (Observer) Eine Vorlage für einen Algorithmus definieren (Template Method) Funktionen als Parameter übergeben (Command) Algorithmen als Funktionen beschreiben (Strategy) Das Zusammenspiel mehrerer Objekte koordinieren (Mediator) Den Zustand eines Objekts speichern (Memento) Operationen auf Objekten von Objekten entkoppeln (Visitor) Das Verhalten eines Objekts abhängig vom Zustand ändern (State) Eine Repräsentation für die Grammatik einer Sprache definieren (Interpreter) Anfragen nach Zuständigkeit bearbeiten (Chain of Responsibility) Zusammenfassung und Ausblick DOM-Tests Funktionstests PhantomJS CasperJS Zusammenfassung und Ausblick

6 8 Architekturmuster und Konzepte moderner JavaScript-Webframeworks Model View Controller Model View Presenter MVC und MVP in Webanwendungen Klassische Webanwendungen Moderne Webanwendungen Model View ViewModel MVVM am Beispiel von Knockout.js Kombination von MVC und MVVM am Beispiel von AngularJS Routing Routing am Beispiel von AngularJS Routing am Beispiel von Backbone.js Zusammenfassung und Ausblick Index