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

Kowa: /* Schreiben Sie modularen und wiederverwendbaren Code */

2023-04-05T09:47:19Z

Schreiben Sie modularen und wiederverwendbaren Code

← Nächstältere Version		Version vom 5. April 2023, 09:47 Uhr
Zeile 42:		Zeile 42:
	=== Schreiben Sie modularen und wiederverwendbaren Code ===		=== Schreiben Sie modularen und wiederverwendbaren Code ===

	[[DRY]]		* 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 [[DRY\|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: <code>head.css</code>).
			* Der Code sollte '''asynchron''' aus (von Vite optimierenten) Dateien geladen werden.

Kowa: /* Verwenden Sie keine veralteten ECMAScript-Anweisungen/-Features */

2023-04-05T09:39:04Z

Verwenden Sie keine veralteten ECMAScript-Anweisungen/-Features

← Nächstältere Version		Version vom 5. April 2023, 09:39 Uhr
Zeile 27:		Zeile 27:
	\| <code>==</code> \|\| <code>===</code> \|\| <code>... == null</code> ist erlaubt (Test auf <code>null</code> oder <code>undefined</code>)		\| <code>==</code> \|\| <code>===</code> \|\| <code>... == null</code> ist erlaubt (Test auf <code>null</code> oder <code>undefined</code>)
	\|-		\|-
	\| <~~ode~~>p_event.keyCode == 13</code> \|\| <code>p_event.key === 'Enter'</code> \|\|		\| <code>p_event.keyCode == 13</code> \|\| <code>p_event.key === 'Enter'</code> \|\|
	\|-		\|-
	\| Array:<br><code>for e in a</code> \|\| <code>for e of a</code> <br> <code>for (let i=0, n=a.length; i<n; i++)<br>{ ... } </code> \|\|		\| Array:<br><code>for e in a</code> \|\| <code>for e of a</code> <br> <code>for (let i=0, n=a.length; i<n; i++)<br>{ ... } </code> \|\|

Kowa: /* Vorgaben für eine Studienarbeit im Fach Web-Programmierung */

2023-04-04T14:38:37Z

Vorgaben für eine Studienarbeit im Fach Web-Programmierung

← Nächstältere Version		Version vom 4. April 2023, 14:38 Uhr
Zeile 39:		Zeile 39:
	\| <code>getA()</code>, <code>setA(x)</code> \|\| Getter- und Setter-Funktionen \|\|		\| <code>getA()</code>, <code>setA(x)</code> \|\| Getter- und Setter-Funktionen \|\|
	\|}		\|}

			=== Schreiben Sie modularen und wiederverwendbaren Code ===

			[[DRY]]

Kowa: /* Verwenden Sie keine veralteten ECMAScript-Anweisungen/-Features */

2023-04-04T14:31:13Z

Verwenden Sie keine veralteten ECMAScript-Anweisungen/-Features

← Nächstältere Version		Version vom 4. April 2023, 14:31 Uhr
Zeile 27:		Zeile 27:
	\| <code>==</code> \|\| <code>===</code> \|\| <code>... == null</code> ist erlaubt (Test auf <code>null</code> oder <code>undefined</code>)		\| <code>==</code> \|\| <code>===</code> \|\| <code>... == null</code> ist erlaubt (Test auf <code>null</code> oder <code>undefined</code>)
	\|-		\|-
	\| p_event.keyCode == 13 \|\| p_event.key === 'Enter'\|\|		\| <ode>p_event.keyCode == 13</code> \|\| <code>p_event.key === 'Enter'</code> \|\|
	\|-		\|-
	\| Array:<br><code>for e in a</code> \|\| <code>for e of a</code> <br> <code>for (let i=0, n=a.length; i<n; i++)<br>{ ... } </code> \|\|		\| Array:<br><code>for e in a</code> \|\| <code>for e of a</code> <br> <code>for (let i=0, n=a.length; i<n; i++)<br>{ ... } </code> \|\|

Kowa: /* Verwenden Sie keine veralteten ECMAScript-Anweisungen/-Features */

2023-04-04T14:30:32Z

Verwenden Sie keine veralteten ECMAScript-Anweisungen/-Features

← Nächstältere Version		Version vom 4. April 2023, 14:30 Uhr
Zeile 26:		Zeile 26:
	\|-		\|-
	\| <code>==</code> \|\| <code>===</code> \|\| <code>... == null</code> ist erlaubt (Test auf <code>null</code> oder <code>undefined</code>)		\| <code>==</code> \|\| <code>===</code> \|\| <code>... == null</code> ist erlaubt (Test auf <code>null</code> oder <code>undefined</code>)
			\|-
			\| p_event.keyCode == 13 \|\| p_event.key === 'Enter'\|\|
	\|-		\|-
	\| Array:<br><code>for e in a</code> \|\| <code>for e of a</code> <br> <code>for (let i=0, n=a.length; i<n; i++)<br>{ ... } </code> \|\|		\| Array:<br><code>for e in a</code> \|\| <code>for e of a</code> <br> <code>for (let i=0, n=a.length; i<n; i++)<br>{ ... } </code> \|\|

Kowa: /* Verwenden Sie aktuelle ECMAScript-Features */

2023-04-04T12:45:51Z

Verwenden Sie aktuelle ECMAScript-Features

← Nächstältere Version		Version vom 4. April 2023, 12:45 Uhr
Zeile 3:		Zeile 3:
	=== Verwenden Sie aktuelle ECMAScript-Features ===		=== Verwenden Sie aktuelle ECMAScript-Features ===

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

	Sie dürfen und alle aktuellen ES6-Anweisungen/-Features verwenden, die von diesen vier Browsern unterstützt werden:		Sie dürfen und sollen alle aktuellen ES6-Anweisungen/-Features verwenden, die von diesen vier Browsern unterstützt werden:
	[https://kangax.github.io/compat-table/es6/ ES6 Compatibility Table] und		[https://kangax.github.io/compat-table/es6/ ES6 Compatibility Table] und
	[https://kangax.github.io/compat-table/es2016plus/ ES6+ Compatibility Table] (ES 2016 bis ES 2023).		[https://kangax.github.io/compat-table/es2016plus/ ES6+ Compatibility Table] (ES 2016 bis ES 2023).

Kowa: /* Verwenden Sie keine veralteten ECMAScript-Anweisungen/-Features */

2023-04-04T09:32:57Z

Verwenden Sie keine veralteten ECMAScript-Anweisungen/-Features

← Nächstältere Version		Version vom 4. April 2023, 09:32 Uhr
Zeile 14:		Zeile 14:
	=== Verwenden Sie keine veralteten ECMAScript-Anweisungen/-Features ===		=== Verwenden Sie keine veralteten ECMAScript-Anweisungen/-Features ===

	{\| class="wikitable" style="width:60%"		{\| class="wikitable" style="width:100%"
	! veraltet \|\| aktuell \|\| Anmerkung		! veraltet \|\| aktuell \|\| Anmerkung
	\|-		\|-
Zeile 27:		Zeile 27:
	\| <code>==</code> \|\| <code>===</code> \|\| <code>... == null</code> ist erlaubt (Test auf <code>null</code> oder <code>undefined</code>)		\| <code>==</code> \|\| <code>===</code> \|\| <code>... == null</code> ist erlaubt (Test auf <code>null</code> oder <code>undefined</code>)
	\|-		\|-
	\| Array: <code>for ~~...~~ in a</code> \|\| <code>for ~~...~~ of a</code> <br> <code>for (let i=0, n=a.length; i<n; i++)<br>{ ...} </code> \|\|		\| Array:<br><code>for e in a</code> \|\| <code>for e of a</code> <br> <code>for (let i=0, n=a.length; i<n; i++)<br>{ ... } </code> \|\|
			\|-
			\| Objekt:<br><code>for e in o</code> \|\| <code>for k of Object.keys(o)</code><br><code>for v of Object.values(o)</code><br><code>for [k,v] of Object.entries(o)</code> \|\|
	\|-		\|-
	\| Prototyping \|\| Classes \|\|		\| Prototyping \|\| Classes \|\|

Kowa: /* Verwenden Sie keine veralteten ECMAScript-Anweisungen/-Features */

2023-04-04T09:26:47Z

Verwenden Sie keine veralteten ECMAScript-Anweisungen/-Features

← Nächstältere Version		Version vom 4. April 2023, 09:26 Uhr
Zeile 27:		Zeile 27:
	\| <code>==</code> \|\| <code>===</code> \|\| <code>... == null</code> ist erlaubt (Test auf <code>null</code> oder <code>undefined</code>)		\| <code>==</code> \|\| <code>===</code> \|\| <code>... == null</code> ist erlaubt (Test auf <code>null</code> oder <code>undefined</code>)
	\|-		\|-
	\| Array: <code>for ... in a</code> \|\| <code>for ... of a</code> <br> <code>for (let i=0, n=a.length; i<n; i++) { ...} </code> \|\|		\| Array: <code>for ... in a</code> \|\| <code>for ... of a</code> <br> <code>for (let i=0, n=a.length; i<n; i++)<br>{ ...} </code> \|\|
	\|-		\|-
	\| Prototyping \|\| Classes \|\|		\| Prototyping \|\| Classes \|\|

Kowa: /* Verwenden Sie keine veralteten ECMAScript-Anweisungen/-Features */

2023-04-04T09:26:29Z

Verwenden Sie keine veralteten ECMAScript-Anweisungen/-Features

← Nächstältere Version		Version vom 4. April 2023, 09:26 Uhr
Zeile 27:		Zeile 27:
	\| <code>==</code> \|\| <code>===</code> \|\| <code>... == null</code> ist erlaubt (Test auf <code>null</code> oder <code>undefined</code>)		\| <code>==</code> \|\| <code>===</code> \|\| <code>... == null</code> ist erlaubt (Test auf <code>null</code> oder <code>undefined</code>)
	\|-		\|-
	\| <code>for ... in ~~...~~</code> \|\| <code>for ... of ...</code> \|\|		\| Array: <code>for ... in a</code> \|\| <code>for ... of a</code> <br> <code>for (let i=0, n=a.length; i<n; i++) { ...} </code> \|\|
	\|-		\|-
	\| Prototyping \|\| Classes \|\|		\| Prototyping \|\| Classes \|\|

Kowa am 4. April 2023 um 09:21 Uhr

2023-04-04T09:21:50Z

← Nächstältere Version		Version vom 4. April 2023, 09:21 Uhr
Zeile 17:		Zeile 17:
	! veraltet \|\| aktuell \|\| Anmerkung		! veraltet \|\| aktuell \|\| Anmerkung
	\|-		\|-
	\| \|\| [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode?retiredLocale=de strict mode] \|\|		\| \|\| [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode?retiredLocale=de strict mode] \|\| in [[Vue]] automatisch aktiviert
	\|-		\|-
	\| ES5-Modularisierung \|\| ES6-Module \|\|		\| ES5-Modularisierung \|\| ES6-Module \|\|
Zeile 23:		Zeile 23:
	\| <code>require</code> {{oÄ}} \|\| <code>export</code>, <code>import</code> \|\|		\| <code>require</code> {{oÄ}} \|\| <code>export</code>, <code>import</code> \|\|
	\|-		\|-
	\| <code>var</code> \|\| <code>let</code> und <code>const</code> \|\| ~~In [[Vue]] automatisch aktiviert~~		\| <code>var</code> \|\| <code>let</code> und <code>const</code> \|\|
	\|-		\|-
	\| <code>==</code> \|\| <code>===</code> \|\| <code>... == null</code> ist erlaubt (Test auf <code>null</code> oder <code>undefined</code>)		\| <code>==</code> \|\| <code>===</code> \|\| <code>... == null</code> ist erlaubt (Test auf <code>null</code> oder <code>undefined</code>)