Zweites deck

Question 1

Was ist das DOM (Document Object Model)?

Answer 1

Das DOM ist eine Schnittstelle die eine HTML- oder XML-Seite als Baumstruktur repräsentiert sodass JavaScript die Seite dynamisch verändern kann.

Question 2

Wie kann JavaScript zur Manipulation des DOM verwendet werden?

Answer 2

JavaScript kann das DOM über Methoden wie document.getElementById() oder document.querySelector() manipulieren.

Question 3

Was sind die Hauptunterschiede zwischen HTTP-Methoden GET und POST?

Answer 3

GET sendet Daten in der URL und eignet sich für lesende Operationen während POST die Daten im Request-Body überträgt und für schreibende Operationen genutzt wird.

Question 4

Warum sind Sessions und Cookies in PHP wichtig?

Answer 4

Sessions und Cookies speichern Nutzerdaten über mehrere Anfragen hinweg. Cookies werden im Browser gespeichert während Sessions serverseitig verwaltet werden.

Question 5

Welche Sicherheitsrisiken bestehen bei der Nutzung von AJAX und wie können sie minimiert werden?

Answer 5

Risiken: Cross-Site Scripting (XSS) CSRF unsichere Datenübertragung. Schutzmaßnahmen: Content Security Policy (CSP) Token-basierte Authentifizierung HTTPS.

Question 6

Was ist JSON und warum wird es häufig in Verbindung mit AJAX verwendet?

Answer 6

JSON (JavaScript Object Notation) ist ein leichtgewichtiges Format zur Datenübertragung das sich einfach mit JavaScript verarbeiten lässt.

Question 7

Wie funktioniert das Same-Origin-Policy-Prinzip und welche Auswirkungen hat es auf AJAX-Anfragen?

Answer 7

Same-Origin-Policy verhindert dass Skripte auf Daten von anderen Domains zugreifen. Abhilfe schafft CORS (Cross-Origin Resource Sharing).

Question 8

Wofür werden CSS-Klassen und IDs verwendet und was ist der Unterschied?

Answer 8

Klassen (.klasse) können für mehrere Elemente genutzt werden IDs (#id) sind einzigartig pro Seite.

Question 9

Was ist der Unterschied zwischen innerHTML und textContent in JavaScript?

Answer 9

innerHTML verarbeitet HTML-Tags während textContent reinen Text ausgibt.

Question 10

Wie kann eine PHP-Datei als Server-Skript verwendet werden um AJAX-Anfragen zu verarbeiten?

Answer 10

PHP kann eine JSON-Antwort an den Client senden: header(‘Content-Type: application/json’); echo json_encode([“message” => “Hallo Welt”]);

Question 11

Wie erstellt man eine CSS-Regel die alle p-Elemente mit der Klasse highlight rot färbt?

Answer 11

p.highlight { color: red; }

Question 12

Welche Methode ist sicherer: document.body.innerHTML += ‘<p>Text</p>’ oder createElement()? Warum?

Answer 12

createElement ist sicherer da innerHTML bestehende Inhalte überschreiben kann und unsicher gegenüber XSS-Angriffen ist.

Question 13

Erklären Sie den folgenden Code: fetch(‘data.json’).then(response => response.json()).then(data => console.log(data)).catch(error => console.error(‘Fehler:’ error));

Answer 13

Der Code lädt data.json wandelt die Antwort in ein JSON-Objekt um und gibt es aus. Fehler werden im catch-Block behandelt.

Question 14

Wie kann eine einfache AJAX-Anfrage mit XMLHttpRequest durchgeführt werden?

Answer 14

let xhr = new XMLHttpRequest(); xhr.open(‘GET’ ‘server.php’ true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200)
{ console.log(xhr.responseText);
} };
xhr.send();

Question 15

Wie setzt man einen Cookie mit PHP der 7 Tage gültig bleibt?

Answer 15

setcookie(‘user’ ‘Max’ time() + (7 * 24 * 60 * 60) ‘/’);

Question 16

Was ist AJAX und wofür wird es verwendet?

Answer 16

AJAX (Asynchronous JavaScript and XML) ermöglicht das Laden von Daten vom Server ohne die gesamte Webseite neu zu laden.

Question 17

Wie kann man mit JavaScript ein neues HTML-Element erstellen und dem DOM hinzufügen?

Answer 17

let p = document.createElement(‘p’); p.textContent = ‘Neuer Text’; document.body.appendChild(p);

Question 18

Welche HTTP-Statuscodes sind für AJAX-Anfragen besonders wichtig?

Answer 18

200 (OK) 201 (Created) 400 (Bad Request) 401 (Unauthorized) 403 (Forbidden) 404 (Not Found) 500 (Internal Server Error).

Question 19

Was ist der Unterschied zwischen sessionStorage und localStorage?

Answer 19

sessionStorage speichert Daten nur für die Dauer der Sitzung während localStorage persistente Speicherung über Sitzungen hinweg bietet.

Question 20

Was macht der Befehl document.querySelector(‘.meinClass’)?

Answer 20

Er sucht das erste Element im Dokument mit der Klasse ‘meinClass’ und gibt es zurück.

Question 21

Wie kann man verhindern dass ein Formular standardmäßig abgeschickt wird?

Answer 21

Mit event.preventDefault() innerhalb eines Event-Listeners auf das Formular.

Question 22

Welche Bedeutung hat die Methode JSON.parse() in JavaScript?

Answer 22

Sie wandelt eine JSON-Zeichenkette in ein JavaScript-Objekt um.

Question 23

Wie kann man mit JavaScript einen Event-Listener hinzufügen?

Answer 23

document.getElementById(‘button’).addEventListener(‘click’ function() { alert(‘Button geklickt!’); });

Question 24

Wie kann eine einfache PHP-Seite mit Apache bereitgestellt werden?

Answer 24

Eine .php-Datei muss in den Apache-htdocs-Ordner gelegt und über localhost/filename.php aufgerufen werden.

Question 25

Wie kann man in JavaScript eine Schleife schreiben die alle Listenelemente in einer ul durchläuft?

Answer 25

document.querySelectorAll('ul li').forEach(item => console.log(item.textContent));

Question 26

Welche Vorteile hat JSON gegenüber XML für Datenübertragungen?

Answer 26

JSON ist kompakter einfacher zu lesen und lässt sich nativ in JavaScript als Objekt verarbeiten.

Question 27

Wie kann PHP mit MySQL interagieren?

Answer 27

Durch mysqli oder PDO: $conn = new mysqli('localhost' 'user' 'pass' 'dbname');

Question 28

Welche Bedeutung hat die Methode appendChild()?

Answer 28

appendChild fügt ein neues Element als letztes Kind eines anderen Elements hinzu.