deploy: web-development/web-development-textbook@aefe50a

Author: bjelline

images/javascript/module.html

@@ -42,8 +42,16 @@ <h1>Variablen in Javascript mit Modul</h1>
 
       </script>
       <p>
-        javascript-code der mit normalen script-tags geladen wird
-        befindet sich gemeinsam in einem globalen namensraum.
+        Aus einem Javscript-Modul wird nur das
+        übernommen, was explizit mit import genannt wird.
+
+        In diesem Fall:
+
+        <ul>
+          <li>Die Variable b im Module kann nur als Konstante importiert werden</li>
+          <li>Die Funktion setB() wird importiert</li>
+        </ul>
+
       </p>
     </main>
 

images/javascript/no-module.html

@@ -35,9 +35,16 @@ <h1>Variablen in Javascript ohne Module</h1>
         console.log("direkt im html kann ich variable b sehen:", b);
       </script>
       <p>
-        javascript-code der mit normalen script-tags geladen wird
-        befindet sich gemeinsam in einem globalen namensraum.
+        Javascript-code der mit normalen script-tags geladen wird
+        befindet sich gemeinsam in einem globalen Namensraum.  Hier z.B: Variablen a
+        wird direkt in diesem HTML Dokument gesetzt, und in myscript.js erhöht.
+        Variable b wird in myscript.js gesetzt, und hier im HTML Dokument
+        erhöht.
       </p>
+      <p id="output"></p>
+      <script>
+        document.getElementById('output').appendChild(document.createTextNode(`a = ${a} und b = ${b}`));
+      </script>
     </main>
 
 

javascript/module/index.html

@@ -76,7 +76,7 @@ <h2 id="eine-webseite-viele-skripte">Eine Webseite, viele Skripte</h2>
 <p>Mit ein bisschen Copy-und-Paste kann man die verschiedenen
 Programme schnell in die eigene Webseite einbauen.</p>
 
-<p>Aber achtung: all diese
+<p>Aber Achtung: all diese
 Programme laufen dann im selben Javascript Interpreter ab,
 und benutzen einen gemeinsamen globalen Namensraum.</p>
 

javascript/module/slide.html

@@ -112,7 +112,7 @@ <h2 id="eine-webseite-viele-skripte">Eine Webseite, viele Skripte</h2>
 <p>Mit ein bisschen Copy-und-Paste kann man die verschiedenen
 Programme schnell in die eigene Webseite einbauen.</p>
 
-<p>Aber achtung: all diese
+<p>Aber Achtung: all diese
 Programme laufen dann im selben Javascript Interpreter ab,
 und benutzen einen gemeinsamen globalen Namensraum.</p>
 

php/api/index.html

@@ -51,7 +51,7 @@ <h2 class="title" id="slide-0">
       <a href="/php/api/slide.html">als Präsentation ▻</a>
     </div>
      <div id="slide-1" title="Folie Nr. 1"></div><p>API steht für Application Programming Interface. Eine API im Web ist
-ein Programm auf einem anderen Webserver, das wir aufrufen können, und da
+ein Programm auf einem anderen Webserver, das wir aufrufen können, und das
 Daten liefert.</p>
 
 <p>drei Beispiele:</p>

php/api/slide.html

@@ -87,7 +87,7 @@ <h1>API verwenden mit PHP</h1>
       </p>
     </div>
     <div class="slide"><p>API steht für Application Programming Interface. Eine API im Web ist
-ein Programm auf einem anderen Webserver, das wir aufrufen können, und da
+ein Programm auf einem anderen Webserver, das wir aufrufen können, und das
 Daten liefert.</p>
 
 <p>drei Beispiele:</p>

security/index.html

@@ -138,7 +138,8 @@ <h3>In diesem Kapitel</h3>
 <p>Für ein großes Web Projekt liefert <a href="https://github.com/OWASP/ASVS/blob/master/4.0/OWASP%20Application%20Security%20Verification%20Standard%204.0.2-de.pdf">OWASP Application Security Verification Standard</a> eine vollständige Checkliste.</p>
 
 <p>Für den Einstieg werden wir  die <a href="https://owasp.org/Top10/">OWASP Top 10 von 2021</a>
-betrachten. Wir werden es speziell auf PHP, Postgres, Apache anwenden.</p>
+betrachten. Wir werden es speziell auf PHP, Postgres, Apache anwenden. Wenn man generative AI
+verwendet sollte man weiter noch die <a href="https://genai.owasp.org/llm-top-10/">TOP 10 FOR GEN AI</a> kenne.</p>
 
 <p>Was Sie können sollten</p>
 

security/slide.html

@@ -92,7 +92,8 @@ <h1>Web Security</h1>
 <p>Für ein großes Web Projekt liefert <a href="https://github.com/OWASP/ASVS/blob/master/4.0/OWASP%20Application%20Security%20Verification%20Standard%204.0.2-de.pdf">OWASP Application Security Verification Standard</a> eine vollständige Checkliste.</p>
 
 <p>Für den Einstieg werden wir  die <a href="https://owasp.org/Top10/">OWASP Top 10 von 2021</a>
-betrachten. Wir werden es speziell auf PHP, Postgres, Apache anwenden.</p>
+betrachten. Wir werden es speziell auf PHP, Postgres, Apache anwenden. Wenn man generative AI
+verwendet sollte man weiter noch die <a href="https://genai.owasp.org/llm-top-10/">TOP 10 FOR GEN AI</a> kenne.</p>
 
 <p>Was Sie können sollten</p>