Inhaltsverzeichnis

Nachdem du nun die grundlegenden Eigenheiten von JavaScript kennengelernt hast, gehen wir nun einen Schritt weiter und zeigen dir, wie modernes JavaScript heutzutage aussieht. Du lernst die Besonderheiten der Objektorientierung und JavaScript und wie diese die Entwicklung moderner Browser Apps vereinfachen.

Lernziele dieser Einheit

Nach Abschluss dieser Einheit kannst du …

🏁

Von Klassen, Objekten und Prototypen

Bildnachweis: Pixabay: rawpixel

Dictionaries sind Objekte und umgekehrt

.

Objekte kopieren und vererben

.

Aufgabe 1: Professoren und Studenten

.

Konstruktorfunktionen als Ersatz für echte Klassen

.

Modernes JavaScript hat Klasse!

.

Aufgabe 2: Klassenbasierte Objektorientierung

.

Setter- und Getter-Methoden

.

Private Objektattribute

.

Pfeilfunktionen und die bind-Methode

.

Aufgabe 3: Ein kleines OOP-Quiz

Aufgabe 1.1: …

a) Irgend eine Frage?


Lösung: Aufgabe 1.1: …

Entwicklung von Browser Apps

Bildnachweis: Pixabay: rawpixel

Strukturierung einer größeren App

.

Das JavaScript-Modulsystem

.

Aufgabe 4: Grundgerüst einer Browser App

.

Den Code mit Data Binding vereinfachen

.

Web-Component-Frameworks und Data Binding

.

Moderne Entwicklungswerkzeuge

. package manager, minifier, transpiler, webpack, nodejs, js module, ...

Aufgabe 5: Ein kleines App-Entwicklungs-Quiz

Aufgabe 5.1: …

a) Irgend eine Frage?


Lösung: Aufgabe 5.1: …

Hinweise zum Schluss

Bildnachweis: Pixabay: rawpixel

Do & Don't

Objektorientierung in der Praxis

Strukturierung größerer Quellcodes

Rechtshinweise

Creative Commons Namensnennung 4.0 International

§