diff --git a/01_grundlagen/uebungen/uebungen-27-35/u27-zerlegter-heribert.html b/01_grundlagen/uebungen/#u27-zerlegter-heribert.html
similarity index 100%
rename from 01_grundlagen/uebungen/uebungen-27-35/u27-zerlegter-heribert.html
rename to 01_grundlagen/uebungen/#u27-zerlegter-heribert.html
diff --git a/01_grundlagen/uebungen/uebungen-27-35/u28_transformierte-ladislaus.html b/01_grundlagen/uebungen/#u28_transformierte-ladislaus.html
similarity index 100%
rename from 01_grundlagen/uebungen/uebungen-27-35/u28_transformierte-ladislaus.html
rename to 01_grundlagen/uebungen/#u28_transformierte-ladislaus.html
diff --git a/01_grundlagen/uebungen/uebungen-27-35/u29_fuehrende-nullen.html b/01_grundlagen/uebungen/#u29_fuehrende-nullen.html
similarity index 94%
rename from 01_grundlagen/uebungen/uebungen-27-35/u29_fuehrende-nullen.html
rename to 01_grundlagen/uebungen/#u29_fuehrende-nullen.html
index ca99138..abf2a1c 100644
--- a/01_grundlagen/uebungen/uebungen-27-35/u29_fuehrende-nullen.html
+++ b/01_grundlagen/uebungen/#u29_fuehrende-nullen.html
@@ -1,10 +1,10 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="de">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Übung 29: Führende Nullen, Teil 1</title>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
   </head>
   <body>
     <main>
diff --git a/01_grundlagen/uebungen/uebungen-27-35/u30_quiz-dark-side.html b/01_grundlagen/uebungen/#u30_quiz-dark-side.html
similarity index 93%
rename from 01_grundlagen/uebungen/uebungen-27-35/u30_quiz-dark-side.html
rename to 01_grundlagen/uebungen/#u30_quiz-dark-side.html
index 0538631..73d5e62 100644
--- a/01_grundlagen/uebungen/uebungen-27-35/u30_quiz-dark-side.html
+++ b/01_grundlagen/uebungen/#u30_quiz-dark-side.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="de">
   <head>
     <meta charset="UTF-8" />
@@ -43,6 +43,8 @@
       // const SOLUTION_2B = 'wenn';
 
       // const QUESTION_3 = 'Jetzt gib bitte einen String mit einer Länge von 8 bis 15 Zeichen ein';
+      // const SOLUTION_3A = 8;
+      // const SOLUTION_3B = 15;
     </script>
   </body>
 </html>
diff --git a/01_grundlagen/uebungen/uebungen-27-35/u31_function-console.html b/01_grundlagen/uebungen/#u31_function-console.html
similarity index 100%
rename from 01_grundlagen/uebungen/uebungen-27-35/u31_function-console.html
rename to 01_grundlagen/uebungen/#u31_function-console.html
diff --git a/01_grundlagen/uebungen/uebungen-27-35/u32-tranformed-ladislaus.html b/01_grundlagen/uebungen/#u32-tranformed-ladislaus.html
similarity index 95%
rename from 01_grundlagen/uebungen/uebungen-27-35/u32-tranformed-ladislaus.html
rename to 01_grundlagen/uebungen/#u32-tranformed-ladislaus.html
index 8ac4b8d..75aee92 100644
--- a/01_grundlagen/uebungen/uebungen-27-35/u32-tranformed-ladislaus.html
+++ b/01_grundlagen/uebungen/#u32-tranformed-ladislaus.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="de">
   <head>
     <meta charset="UTF-8" />
diff --git a/01_grundlagen/uebungen/uebungen-27-35/u33_newsletter.html b/01_grundlagen/uebungen/#u33_newsletter.html
similarity index 100%
rename from 01_grundlagen/uebungen/uebungen-27-35/u33_newsletter.html
rename to 01_grundlagen/uebungen/#u33_newsletter.html
diff --git a/01_grundlagen/uebungen/uebungen-27-35/u34-tranformed-ladislaus.html b/01_grundlagen/uebungen/#u34-tranformed-ladislaus.html
similarity index 100%
rename from 01_grundlagen/uebungen/uebungen-27-35/u34-tranformed-ladislaus.html
rename to 01_grundlagen/uebungen/#u34-tranformed-ladislaus.html
diff --git a/01_grundlagen/uebungen/uebungen-27-35/u35_reichweite-verbrauch.html b/01_grundlagen/uebungen/#u35_reichweite-verbrauch.html
similarity index 96%
rename from 01_grundlagen/uebungen/uebungen-27-35/u35_reichweite-verbrauch.html
rename to 01_grundlagen/uebungen/#u35_reichweite-verbrauch.html
index f047ce8..0276577 100644
--- a/01_grundlagen/uebungen/uebungen-27-35/u35_reichweite-verbrauch.html
+++ b/01_grundlagen/uebungen/#u35_reichweite-verbrauch.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="de">
   <head>
     <meta charset="UTF-8" />
diff --git a/01_grundlagen/uebungen/#u19-u20-quiz-1.html b/01_grundlagen/uebungen/u19-u20-quiz-1.html
similarity index 100%
rename from 01_grundlagen/uebungen/#u19-u20-quiz-1.html
rename to 01_grundlagen/uebungen/u19-u20-quiz-1.html
diff --git a/01_grundlagen/uebungen/#u21_schaltjahr.html b/01_grundlagen/uebungen/u21_schaltjahr.html
similarity index 100%
rename from 01_grundlagen/uebungen/#u21_schaltjahr.html
rename to 01_grundlagen/uebungen/u21_schaltjahr.html
diff --git a/01_grundlagen/uebungen/#u22-if-else-quiz-2.html b/01_grundlagen/uebungen/u22-if-else-quiz-2.html
similarity index 100%
rename from 01_grundlagen/uebungen/#u22-if-else-quiz-2.html
rename to 01_grundlagen/uebungen/u22-if-else-quiz-2.html
diff --git a/01_grundlagen/uebungen/uebungen-27-35.zip b/01_grundlagen/uebungen/uebungen-27-35.zip
new file mode 100644
index 0000000..2030877
Binary files /dev/null and b/01_grundlagen/uebungen/uebungen-27-35.zip differ
diff --git a/01_grundlagen/unterricht/tag07/10_function-hoisting.html b/01_grundlagen/unterricht/tag07/10_function-hoisting.html
new file mode 100644
index 0000000..c2da12c
--- /dev/null
+++ b/01_grundlagen/unterricht/tag07/10_function-hoisting.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>JS - Funktionsausdruck (function expression) ohne hochziehen</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
+  </head>
+  <body>
+    <main>
+      <div class="container py-5">
+        <h1>JS - Funktionsausdruck (function expression) ohne hochziehen</h1>
+      </div>
+    </main>
+    <script>
+      'use strict';
+
+      // nichtHochgezogen(); // => Uncaught ReferenceError: Cannot access 'nichtHochgezogen' before initialization
+
+      // Funktionsausdruck mit arrow (ES6) ========================
+      const nichtHochgezogen = () => {
+        console.log('"Function expression" wird nicht hochgezogen.');
+      };
+
+      nichtHochgezogen(); // => '"Function expression" wird nicht hochgezogen.'
+
+      // Funktionsausdruck vor ES6 ================================
+
+      // nichtHochgezogen2(); // => Uncaught ReferenceError: Cannot access 'nichtHochgezogen' before initialization
+
+      var nichtHochgezogen2 = function () {
+        console.log('"Function expression" wird nicht hochgezogen.');
+      };
+
+      nichtHochgezogen(); // => '"Function expression" wird nicht hochgezogen.'
+
+      // Funktiondefinition mit "function" - statement ============
+
+      hochgezogen(); // <---- FUNKTIONIERT - Funktion mit "function" wird vo dem Ausführen hochgezogen
+
+      function hochgezogen() {
+        console.log('"Functiondefinition" mit "function" eingeleitet bezitzt hochziehen (hoisting).');
+      }
+
+      hochgezogen();
+    </script>
+  </body>
+</html>
diff --git a/01_grundlagen/unterricht/tag07/11_arrow-vs-classic-function-expression.html b/01_grundlagen/unterricht/tag07/11_arrow-vs-classic-function-expression.html
new file mode 100644
index 0000000..84b7cca
--- /dev/null
+++ b/01_grundlagen/unterricht/tag07/11_arrow-vs-classic-function-expression.html
@@ -0,0 +1,57 @@
+<!doctype html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Arrow expression (=>) vs. function expression (function)</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
+  </head>
+  <body>
+    <main>
+      <div class="container py-5">
+        <h1>Arrow expression (=>) vs. function expression (function)</h1>
+        <!-- button.btn.btn-dark.button-click{Click me} -->
+        <button class="btn btn-dark button-click">Click me</button>
+      </div>
+    </main>
+    <script>
+      'use strict';
+
+      const btn = document.querySelector('.button-click');
+
+      console.log(this); // => window
+
+      // Function expression "classic" -> "this" new reference to main Object
+      btn.addEventListener('click', function (e) {
+        console.log('event: ', e);
+
+        console.log('this: ', this); // => <button class="btn...">Click Me</button>
+      });
+
+      // Function expression with arrow -> "this" without new reference
+      btn.addEventListener('click', (e) => {
+        console.log('event: ', e);
+        console.log('e.currentTarget: ', e.currentTarget); // => <button class="btn...">Click Me</button>
+
+        console.log('this: ', this); // => window
+      });
+
+      //============================
+
+      const onMouseLeave = (e) => {
+        console.log('event: ', e);
+        console.log('e.currentTarget: ', e.currentTarget); // => <button class="btn...">Click Me</button>
+
+        const btn = e.currentTarget;
+
+        btn.textContent = 'Button (mouse left)';
+
+        console.log('this: ', this); // => window
+      };
+
+      // ... viel code dazwischen (oder verschiedene JS Dateien)....
+
+      btn.addEventListener('mouseleave', onMouseLeave); // => Funktionsreferenz
+    </script>
+  </body>
+</html>
diff --git a/01_grundlagen/unterricht/tag07/12_function-expression-with-parameters.html b/01_grundlagen/unterricht/tag07/12_function-expression-with-parameters.html
new file mode 100644
index 0000000..da89d1d
--- /dev/null
+++ b/01_grundlagen/unterricht/tag07/12_function-expression-with-parameters.html
@@ -0,0 +1,54 @@
+<!doctype html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Funktionsausdruck mit Paramtern</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
+  </head>
+  <body>
+    <main>
+      <div class="container py-5">
+        <h1>Funktionsausdruck mit Paramtern</h1>
+      </div>
+    </main>
+    <script>
+      'use strict';
+
+      // eslint: prefer-const, arrow-parens
+      // https://github.com/airbnb/javascript#arrows--one-arg-parens
+      const showNewsLetterFor = (username) => {
+        console.log(`Hello ${username},\n`);
+        console.log(
+          "We're pleased to inform you that NerdWorld is making a number of new discounts available to you. Please visit http://www.nerdworld.example/discounts for detailed information.\n",
+        );
+        console.log('Happy nerding,\nYour NerdWorld-Team\n\n');
+      };
+
+      const showsABrilliantExample = (firstDirection, secondDirection) => {
+        console.log('First brilliant direction: ' + firstDirection);
+        console.log('Second brilliant direction: ' + secondDirection);
+      };
+
+      const add = (a, b) => {
+        console.log(Number(a) + Number(b));
+      };
+
+      // Funktionsaufrufe
+      showNewsLetterFor('Adel');
+      console.log('======');
+      showNewsLetterFor('Andreas');
+      console.log('======');
+      showNewsLetterFor('Kahleel');
+      console.log('======');
+      showNewsLetterFor('Ersin');
+
+      showsABrilliantExample('left', 'right');
+      showsABrilliantExample('left'); // zweites Argument nicht übergeben, paremter "secondDirection" ist undefined.
+      showsABrilliantExample('left', 'right', 'top', 'bottom'); // zu viele Argumente werden ignoriert.
+
+      add(1, 2); //=> 3
+      add(10, 25); //=> 35
+    </script>
+  </body>
+</html>
