GlossarWiki:Bücher/Web-Programmierung/DOs and DON'Ts

Vorgaben für eine Studienarbeit im Fach Web-Programmierung

Verwenden Sie aktuelle ECMAScript-Features

• Ihre Anwendung muss in aktuellen Browsern laufen (mindestens Chrome; zusätzlich erwünscht: Firefox, Safari, Edge).
• Ältere Browserversionen brauchen nicht unterstützt zu werden.

Sie dürfen und sollen alle aktuellen ES6-Anweisungen/-Features verwenden, die von diesen vier Browsern unterstützt werden: ES6 Compatibility Table und ES6+ Compatibility Table (ES 2016 bis ES 2023).

Auch für Node.js-Anwendungen sollen Sie die aktuellen ES6-Anweisungen/-Features verwenden.

Verwenden Sie keine veralteten ECMAScript-Anweisungen/-Features

veraltet	aktuell	Anmerkung
	strict mode	in Vue automatisch aktiviert
ES5-Modularisierung	ES6-Module
require o. Ä.	export, import
var	let und const
==	===	... == null ist erlaubt (Test auf null oder undefined)
p_event.keyCode == 13	p_event.key === 'Enter'
Array: for e in a	for e of a for (let i=0, n=a.length; i<n; i++) { ... }
Objekt: for e in o	for k of Object.keys(o) for v of Object.values(o) for [k,v] of Object.entries(o)
Prototyping	Classes
function wenn nötig	Arrow Functions ansonsten
getA(), setA(x)	Getter- und Setter-Funktionen

Schreiben Sie modularen und wiederverwendbaren Code

• Modulare Programmierung macht, wenn man es richtig macht, den Code wartbarer. Jedes Modul sollte nur eine Aufgabe erfüllen. Wenn man überprüft hat, dass das Modul die ihm zugewiesene Aufgabe korrekt erfüllt,
• Schreiben Sie wiederverwendbare Module.
  • Wiederverwendbare Module können mehrfach im Code verwendet werden. Dies verhindert Don't Repeat Yourself, d.h.der Code wird “DRY”.
  • Wiederverwendbare Module können auch in Folgeprojekten verwendet werden.

Laden Sie CSS- und JS-Module asynchron

• In einer HTML-Datei sollten kein CCS- und JS-Code direkt eingefügt werden (Ausnahme: head.css).
• Der Code sollte asynchron aus (von Vite optimierenten) Dateien geladen werden.