diff --git a/02_advanced/uebungen/u01_transform-name/index.html b/02_advanced/uebungen/u01_transform-name/index.html new file mode 100644 index 0000000..0432416 --- /dev/null +++ b/02_advanced/uebungen/u01_transform-name/index.html @@ -0,0 +1,35 @@ + + + + + + Übung 1: Vorname vor Nachname oder Nachname vor Vorname? + + + +
+
+
+

Übung 1: Vorname vor Nachname oder Nachname vor Vorname?

+

+ Wenn dich der Name der Übung beim Lesen genauso verwirrt wie uns beim Schreiben, dann liegt das daran, dass + die Reihenfolge von Vor- und Nachnamen nicht immer eindeutig ist. Manchmal heißt es + Max Mustermann und manchmal auch Mustermann, Max. Damit Benutzer der + Funktion logTransformedName (aus der Übung Der transformierte Ladislaus, Teil 2 der letzten Class) nicht + auch so verwirrt sind, stelle sie besser auf named parameters um. +

+
+
+
+ + + diff --git a/02_advanced/uebungen/u02_distance/index.html b/02_advanced/uebungen/u02_distance/index.html new file mode 100644 index 0000000..6d8656b --- /dev/null +++ b/02_advanced/uebungen/u02_distance/index.html @@ -0,0 +1,29 @@ + + + + + + Übung 2: Ist es noch weit? Sind wir schon da? + + + +
+
+
+

Übung 2: Ist es noch weit? Sind wir schon da?

+

Die Formel zur Berechnung von Entfernungen lautet:

+ + 
Math.sqrt((yDestination - yOrigin) ** 2 + (xDestination - xOrigin) ** 2);
+ +

Schreibe eine Funktion distance, die du z. B. folgendermaßen aufrufen kannst:

+ + 
distance({ x: 1, y: 1 }, { x: 5, y: 1 }); // => 4
+ +
+
+
+ + + diff --git a/02_advanced/uebungen/u03_profile-card/index.html b/02_advanced/uebungen/u03_profile-card/index.html new file mode 100644 index 0000000..f52d209 --- /dev/null +++ b/02_advanced/uebungen/u03_profile-card/index.html @@ -0,0 +1,49 @@ + + + + + + Übung 3: Profilcard mit destructuring + + + +
+
+
+

Übung 3: Profilcard mit destructuring

+

+ Erstelle eine Funktion namens createProfileCard, die die Informationen einer Person + entgegennimmt und daraus eine Bootstrap Card im HTML-Format generiert. Nutze dabei die generatePersonData + Funktion, um die Personendaten zu formatieren. Die Funktion soll so angepasst werden, dass sie Destructuring + für die übergebenen Parameter verwendet. +

+
+ +
+ +
+
+
Card title
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur, obcaecati.

+
+
    +
  • Hobby 1
    • +
  • Hobby 2
    • +
  • Hobby 3
    • +
+
+ +
+
+
+ + + diff --git a/02_advanced/uebungen/u04_countdown-btn/index.html b/02_advanced/uebungen/u04_countdown-btn/index.html new file mode 100644 index 0000000..0f45d04 --- /dev/null +++ b/02_advanced/uebungen/u04_countdown-btn/index.html @@ -0,0 +1,77 @@ + + + + + + Übung 4: Button Countdown mit Settings + + + +
+
+
+

Übung 4: Button Countdown mit Settings Optional

+

+ Entwickle einen funktionalen Button, der nach einem Klick einen Countdown in der Schaltfläche anzeigt und + nach Ablauf des Countdowns automatisch wieder aktiviert wird. +

+

Szenario

+

+ Du arbeitest als Frontend-Entwickler für ein Unternehmen, das Online-Formulare für Messeaufträge anbietet. + Um sicherzustellen, dass Benutzer die Formulare nicht versehentlich oder mehrfach absenden, soll ein Button + implementiert werden, der nach dem Absenden für eine bestimmte Zeit (z.B. 5 Sekunden) deaktiviert wird. + Während dieser Zeit soll ein Countdown in der Schaltfläche angezeigt werden, der die verbleibende Zeit bis + zur Reaktivierung des Buttons anzeigt. +

+

Aufgaben

+ +
    +
  1. + HTML-Struktur: Erstelle einen einfachen HTML-Button mit einer Klasse (z.B. button-send). +
    2. +
  2. + JavaScript-Funktionalität: +
      +
    • Implementiere einen Event-Listener für den Klick auf den Button.
      • + +
    • Erstelle eine Countdown-Funktion, die beim Klicken auf den Button gestartet wird.
      • + +
    • + Während des Countdowns soll der Button deaktiviert und der aktuelle Countdown-Wert in der Schaltfläche + angezeigt werden. +
      • + +
    • + Nach Ablauf des Countdowns soll der Button wieder aktiviert und der ursprüngliche Text in der + Schaltfläche wiederhergestellt werden. +
      • +
    +
    3. +
  3. + Countdown-Anzeige: Der Countdown soll in der Schaltfläche des Buttons angezeigt werden. + Das Format der Anzeige (z.B. "5...", "4...", "3...") kannst du selbst wählen. +
    4. +
  4. + Deaktivierung: Stelle sicher, dass der Button während des Countdowns deaktiviert ist, um + Mehrfachklicks zu verhindern. +
    5. +
  5. + Reaktivierung: Sobald der Countdown abgelaufen ist, soll der Button automatisch wieder + aktiviert werden. +
    6. +
  6. + Countdown-Wert konfigurierbar machen: Ermögliche es, den Countdown-Wert (z.B. 5 Sekunden) + über ein Settings-Objekt einzustellen. aktiviert werden. +
    7. +
+

Viel Erfolg bei der Umsetzung!

+
+ + +
+
+ + + diff --git a/02_advanced/uebungen/u05_sum-rekursiv/index.html b/02_advanced/uebungen/u05_sum-rekursiv/index.html new file mode 100644 index 0000000..be95ad0 --- /dev/null +++ b/02_advanced/uebungen/u05_sum-rekursiv/index.html @@ -0,0 +1,39 @@ + + + + + + Übung 5: Summe einer Zahlenreihe rekursiv berechnen + + + +
+
+
+

Übung 5: Summe einer Zahlenreihe rekursiv berechnen

+

+ Schreibe eine rekursive Funktion in JavaScript, die die Summe aller Zahlen von n bis + 1 berechnet. +

+

Hinweise

+ +
    +
  • Definiere einen Basisfall, der die Rekursion beendet.
    • +
  • Der rekursive Fall sollte das Problem in ein kleineres Teilproblem zerlegen.
    • +
+

Viel Erfolg bei der Umsetzung!

+
+
+
+ + + diff --git a/02_advanced/uebungen/u06_binomialkoeffizienten/index.html b/02_advanced/uebungen/u06_binomialkoeffizienten/index.html new file mode 100644 index 0000000..ba36a02 --- /dev/null +++ b/02_advanced/uebungen/u06_binomialkoeffizienten/index.html @@ -0,0 +1,55 @@ + + + + + + Optionale Übung 6: Berechnung von Kombinationen mit Rekursion + + + +
+
+
+

+ Optionale Übung 6: Berechnung von Kombinationen mit Rekursion + Optional +

+

+ Implementiere eine rekursive Funktion in JavaScript, die die Anzahl der Kombinationen berechnet, in denen + man k Elemente aus einer Menge von n Elementen auswählen kann (also den + Binomialkoeffizienten). +

+

Hinweise

+ +
    +
  • + Die Formel für Kombinationen lautet:
    +
    • +
  • + Definiere geeignete Basisfälle, zum Beispiel wenn k gleich 0 oder + n ist. +
    • +
+
+
+
+ + + diff --git a/02_advanced/uebungen/u07_string-rekursiv/index.html b/02_advanced/uebungen/u07_string-rekursiv/index.html new file mode 100644 index 0000000..18d2ac1 --- /dev/null +++ b/02_advanced/uebungen/u07_string-rekursiv/index.html @@ -0,0 +1,30 @@ + + + + + + Übung 7: Rekursive Umkehrung eines Strings + + + +
+
+
+

Übung 7: Rekursive Umkehrung eines Strings

+

Schreibe eine rekursive Funktion in JavaScript, die einen gegebenen String umkehrt.

+
+
+
+ + + diff --git a/02_advanced/uebungen/u08_max-rekursiv/index.html b/02_advanced/uebungen/u08_max-rekursiv/index.html new file mode 100644 index 0000000..2eaebd6 --- /dev/null +++ b/02_advanced/uebungen/u08_max-rekursiv/index.html @@ -0,0 +1,34 @@ + + + + + + Übung 8: Rekursive Suche des Maximums in einem Array + + + +
+
+
+

+ Übung 8: Rekursive Suche des Maximums in einem Array Optional +

+

+ Schreibe eine rekursive Funktion in JavaScript, die das größte Element in einem Array von Zahlen findet. +

+
+
+
+ + + diff --git a/02_advanced/uebungen/u09_level-rekursiv/index.html b/02_advanced/uebungen/u09_level-rekursiv/index.html new file mode 100644 index 0000000..11e3db9 --- /dev/null +++ b/02_advanced/uebungen/u09_level-rekursiv/index.html @@ -0,0 +1,40 @@ + + + + + + Übung 9: Tiefste Ebene eines verschachtelten Arrays finden + + + +
+
+
+

Übung 9 (advanced): Tiefste Ebene eines verschachtelten Arrays finden

+

+ Schreibe eine rekursive Funktion in JavaScript, die die tiefste Ebene eines verschachtelten Arrays bestimmt. + Die Funktion soll die maximale Verschachtelungstiefe des Arrays zurückgeben. +

+
+
+
+ + + diff --git a/02_advanced/uebungen/u10_sum-array-rekursiv/index.html b/02_advanced/uebungen/u10_sum-array-rekursiv/index.html new file mode 100644 index 0000000..f54e833 --- /dev/null +++ b/02_advanced/uebungen/u10_sum-array-rekursiv/index.html @@ -0,0 +1,37 @@ + + + + + + Übung 10: Summe aller Zahlen in einem verschachtelten Array + + + +
+
+
+

+ Übung 10: Summe aller Zahlen in einem verschachtelten Array + Optional +

+

+ Schreibe eine rekursive Funktion in JavaScript, die die Summe aller Zahlen in einem verschachtelten Array + berechnet. Das Array kann beliebig tief verschachtelt sein und enthält nur Zahlen oder weitere Arrays. +

+
+
+
+ + + diff --git a/02_advanced/uebungen/uebungen-1-10.zip b/02_advanced/uebungen/uebungen-1-10.zip new file mode 100644 index 0000000..682282b Binary files /dev/null and b/02_advanced/uebungen/uebungen-1-10.zip differ diff --git a/02_advanced/unterricht/tag12/09_rekursion-fakultaet.html b/02_advanced/unterricht/tag12/09_rekursion-fakultaet.html new file mode 100644 index 0000000..b8dedff --- /dev/null +++ b/02_advanced/unterricht/tag12/09_rekursion-fakultaet.html @@ -0,0 +1,40 @@ + + + + + + Rekursion Beispiel: Fakultät errechnen + + + +
+
+

Rekursion Beispiel: Fakultät errechnen

+
+
+
+ + + diff --git a/02_advanced/unterricht/tag12/10_fibonacci-zahlen.html b/02_advanced/unterricht/tag12/10_fibonacci-zahlen.html new file mode 100644 index 0000000..2234f6f --- /dev/null +++ b/02_advanced/unterricht/tag12/10_fibonacci-zahlen.html @@ -0,0 +1,43 @@ + + + + + + Rekursion Beispiel: Fibonacci-Reihenfolge errechnen + + + +
+
+

Rekursion Beispiel: Fibonacci-Reihenfolge errechnen

+
+
+ + + diff --git a/02_advanced/unterricht/tag12/11_rekursion-sum-ohne-reduce.html b/02_advanced/unterricht/tag12/11_rekursion-sum-ohne-reduce.html new file mode 100644 index 0000000..f80e610 --- /dev/null +++ b/02_advanced/unterricht/tag12/11_rekursion-sum-ohne-reduce.html @@ -0,0 +1,60 @@ + + + + + + Rekursion Beispiel: Summe eines Array errechnen + + + +
+
+

Rekursion Beispiel: Summe eines Array errechnen

+
+
+ + +