diff --git a/src/components/slides/css-selectors-advanced/pseudo.astro b/src/components/slides/css-selectors-advanced/pseudo.astro index ba51564..cd0c2bd 100644 --- a/src/components/slides/css-selectors-advanced/pseudo.astro +++ b/src/components/slides/css-selectors-advanced/pseudo.astro @@ -178,7 +178,7 @@ import NthBox from "./nth-box.astro"
-

(n+7)
- Selektiert das 4. und alle darauffolgenden Elemente

+

(n+4)
- Selektiert das 4. und alle darauffolgenden Elemente

diff --git a/src/components/slides/javascript/02-complex-datatypes/arrays.astro b/src/components/slides/javascript/02-complex-datatypes/arrays.astro index 3b43b66..5c8cc2d 100644 --- a/src/components/slides/javascript/02-complex-datatypes/arrays.astro +++ b/src/components/slides/javascript/02-complex-datatypes/arrays.astro @@ -110,7 +110,7 @@
-

push & pop

+

.push() & .pop()


       const arr = [1, 2, 3];
       arr.push(4);
@@ -135,14 +135,14 @@
 
       // 10
       console.log(arr.reduce((acc, val) => {
-        acc += val;
+        return acc += val;
       }, 0));

Kalkuliert einen Wert basierend aus den Elementen des Array. Das Array erwartet 2 Werte: eine Funktion in der ein Accumulator und der aktuelle Wert als Parameter übergeben wird und den nächsten Wert zurück geben soll. Und den initialen Wert das Accumulators.

-

some

+

.some()


       const arr = [1, 5, 10, 25];
 
@@ -164,6 +164,9 @@

Sortiert das Array "In Place" (Ursprüngliches Array wird modifiziert).

Hierzu führt sort eine Funktion aus, die mitgegeben wird. Anhand des Ergebnisses werden Elemente im Array umsortiert

+
+ +
diff --git a/src/components/slides/javascript/07-async/eventloop.astro b/src/components/slides/javascript/07-async/eventloop.astro index 6f44457..53f53bc 100644 --- a/src/components/slides/javascript/07-async/eventloop.astro +++ b/src/components/slides/javascript/07-async/eventloop.astro @@ -34,6 +34,9 @@

In JavaScript ist es nicht möglich die Abarbeitung einer Funktion anzuhalten.

Im Event Loop wird darauf gewartet, dass eine Funktion komplett abschließt / abgearbeitet wird bevor die nächste Message aus der Queue geladen wird.

+
+ +

Halten wir in einer Funktion die weitere Abarbeitung auf, so Sorgen wir gleichzeitig dafür dass der Browser in dieser Zeit nicht weiter arbeiten kann.

Wir empfinden dass als Lag oder simples "Nicht-Antworten" der Website auf Nutzer-Interaktionen (wenn die Abarbeitung länger als ein paar Millisekunden benötigt)

diff --git a/src/components/slides/javascript/09-web-api/files.astro b/src/components/slides/javascript/09-web-api/files.astro index 7d6becd..0ad2d66 100644 --- a/src/components/slides/javascript/09-web-api/files.astro +++ b/src/components/slides/javascript/09-web-api/files.astro @@ -158,6 +158,11 @@
  • Das Resultat der Funktion readAsArrayBuffer erhalten wir in unserer Funktion im Event. Dieses nehmen wir und konvertieren es in ein Uint8Array
  • In den Zeilen 5 bis 7 konvertieren wir die Informationen in Characters und wandeln diese in einen Base-64 kodierten String um
  • Darauffolgend entnehmen wir den Bild-Typen (JPEG)
    • + + + +
    +
    1. Wir fassen alle gesamelten Informationen in einen korrekt definierten String zur Bild-Darstellung zusammen
    2. Zu guter letzt verwenden wir die Bildinformationen im src-Attribut des img-Elementes
    diff --git a/src/content/dhbw/de/web-engineering-i.mdx b/src/content/dhbw/de/web-engineering-i.mdx index 1c8edce..5e99000 100644 --- a/src/content/dhbw/de/web-engineering-i.mdx +++ b/src/content/dhbw/de/web-engineering-i.mdx @@ -207,3 +207,27 @@ JavaScript liefert uns dafür im Web-Browser eine spezielle Schnittstelle an: di Zu den Slides + +### # JS - Klassen und Fehlerbehandlung + +Zu den Slides + + +### # JS - Promises und Async + +Zu den Slides + + +### # JS - Daten von Servern abfragen via "fetch" + +Zu den Slides + + +### # JS - Weitere API's im Web-Browser + +Zu den Slides + + +### # JS - Externe Pakete mit NPM (AlpineJS) + +Zu den Slides \ No newline at end of file