Ficha de revisão: Moderne Webentwicklung: Technologien und Datenbanken

📋 Kursübersicht

1. Webtechnologien
2. Datenbanken
3. Programmierkonzepte
4. JavaScript Funktionen
5. PHP Programmierung
6. SQL Befehle
7. Webserver XAMPP
8. Datenbankentwurf
9. Formularüberprüfung
10. Ajax Technologien

📖 1. Webtechnologien

🔑 Key Concepts & Definitions

• HTML5
  Die neueste Version der Hypertext Markup Language, die für die Strukturierung und Präsentation von Inhalten im Web verwendet wird. Sie unterstützt Multimedia, semantische Elemente und moderne Webstandards.
  Beispiel: <article>, <section>, <video>

• CSS3
  Cascading Style Sheets in der dritten Version, die das Design und Layout von Webseiten steuern. Sie ermöglichen responsive Designs, Animationen und fortgeschrittene Gestaltungstechniken.
  Beispiel: @media, flexbox, animation

• JavaScript
  Eine Programmiersprache, die in Webbrowsern ausgeführt wird, um Webseiten interaktiv zu gestalten. Sie ermöglicht dynamische Inhalte, Formularvalidierung und asynchrone Datenübertragung (z.B. Ajax).
  Beispiel: document.getElementById(), fetch()

• PHP
  Serverseitige Programmiersprache, die zur Erstellung dynamischer Webseiten und Webanwendungen genutzt wird. Sie verarbeitet Formulare, greift auf Datenbanken zu und generiert HTML-Inhalte.
  Beispiel: <?php echo "Hallo Welt"; ?>

• Datenbanken
  Systematische Speicherung, Verwaltung und Abfrage großer Datenmengen. Für Webanwendungen werden relationale Datenbanken wie MySQL oder PostgreSQL verwendet, die mit SQL abgefragt werden.
  Beispiel: SELECT * FROM Nutzer;

• Webserver
  Software, die HTTP-Anfragen von Clients (Browsern) entgegennimmt und Webseiten oder Daten ausliefert. Bekannte Webserver sind Apache und Nginx.
  Beispiel: XAMPP als lokale Entwicklungsumgebung

📝 Essential Points

• Moderne Webtechnologien sind dynamisch und interaktiv, was durch Kombination von HTML5, CSS3, JavaScript, PHP und Datenbanken erreicht wird.
• Webentwicklung erfordert Kenntnisse in clientseitigen (HTML, CSS, JavaScript) und serverseitigen (PHP, Datenbanken) Technologien.
• Ajax ermöglicht asynchrone Datenübertragung, wodurch Webseiten ohne Neuladen aktualisiert werden können.
• Content-Management-Systeme (CMS) verwalten Inhalte automatisiert, erfordern aber auch Programmierkenntnisse für Anpassungen.
• Die Entwicklung moderner Webseiten ist eine interdisziplinäre Aufgabe, die technisches Wissen und Design verbindet.

💡 Key Takeaway

Webtechnologien sind die Grundlage für die Erstellung interaktiver, dynamischer und moderner Webseiten und Anwendungen, die sowohl auf Client- als auch auf Serverseite komplexe Funktionen bieten.

📖 2. Datenbanken

🔑 Schlüsselkonzepte & Definitionen

Datenbank
Ein strukturierter Satz von Daten, der in Tabellen (Relationen) organisiert ist und durch ein Datenbanksystem verwaltet wird. Sie ermöglicht effiziente Speicherung, Abfrage und Verwaltung großer Datenmengen.

Tabelle (Relation)
Eine Sammlung von Daten in Zeilen und Spalten, wobei jede Zeile einen Datensatz und jede Spalte ein Attribut (Feld) darstellt. Beispiel: Kundentabelle mit Feldern wie Name, Adresse, Telefonnummer.

SQL (Structured Query Language)
Eine standardisierte Sprache zur Abfrage, Manipulation und Verwaltung von Daten in relationalen Datenbanken. Sie umfasst Befehle wie SELECT, INSERT, UPDATE, DELETE.

Datenbankmanagementsystem (DBMS)
Software, die die Speicherung, Organisation, Sicherheit und den Zugriff auf Daten in einer Datenbank steuert. Beispiele: MySQL, PostgreSQL, Oracle.

Datenbankentwurf
Der Prozess der Planung und Erstellung einer Datenbankstruktur, inklusive Definition der Tabellen, Beziehungen und Schlüssel, um Daten konsistent und effizient zu verwalten.

Datensatz
Ein einzelner Eintrag in einer Tabelle, bestehend aus mehreren Feldern. Beispiel: Ein Kunde mit Name, Adresse, Telefonnummer.

📝 Wesentliche Punkte

• Datenbanken sind essenziell für die Verwaltung großer Datenmengen in Webanwendungen.
• Tabellen bilden die Grundstruktur, in der Daten logisch organisiert werden.
• SQL ist die wichtigste Sprache für den Zugriff und die Manipulation von Daten.
• Der Entwurf einer Datenbank sollte auf den Anforderungen der Anwendung basieren, um Redundanzen zu vermeiden.
• Der Zugriff auf Daten erfolgt meist über serverseitige Skripte wie PHP, die mit der Datenbank kommunizieren.
• Sicherheit und Integrität der Daten sind zentrale Aspekte beim Datenbankmanagement.

💡 Kernaussage

Datenbanken sind zentrale Komponenten moderner Webanwendungen, die durch strukturierte Tabellen, SQL und spezielle Managementsysteme effiziente und sichere Datenverwaltung ermöglichen. Ein durchdachter Entwurf ist entscheidend für die Leistungsfähigkeit und Zuverlässigkeit.

📖 3. Programmierkonzepte

🔑 Key Concepts & Definitions

• Variable: Ein Speicherplatz im Programm, der einen Wert aufnehmen kann. Variablen haben einen Namen und einen Datentyp (z.B. Zahl, Text).

• Operator: Ein Symbol oder Schlüsselwort, das eine Operation durchführt, z.B. arithmetische (+, -, *, /), Vergleichsoperatoren (==, !=, >, <) oder logische Operatoren (&&, ||, !).

• Verzweigung (if, switch): Steuerstrukturen, die den Programmfluss abhängig von Bedingungen steuern. Bei if wird eine Bedingung geprüft, bei switch werden mehrere Fälle unterschieden.

• Schleife (for, while, do-while): Wiederholungsstrukturen, die einen Codeblock mehrfach ausführen, solange eine Bedingung erfüllt ist.

• Array (Feld): Eine Datenstruktur, die mehrere Werte in einer geordneten Sammlung speichert, zugänglich über Indizes.

• Funktion (Methode): Ein wiederverwendbarer Codeblock, der Parameter entgegennimmt und ein Ergebnis zurückgibt. Funktionen erleichtern die Strukturierung und Wiederverwendung des Codes.

📝 Essential Points

• Variablen werden zur Speicherung von Daten genutzt, deren Werte sich im Programm ändern können.
• Operatoren ermöglichen Berechnungen, Vergleiche und logische Verknüpfungen.
• Verzweigungen steuern den Programmfluss anhand von Bedingungen, z.B. bei Entscheidungen.
• Schleifen sind essenziell für wiederholende Abläufe, z.B. beim Durchlaufen von Arrays.
• Arrays bündeln mehrere Datenwerte in einer Variablen, ideal für Datensätze.
• Funktionen sind modular, fördern die Wiederverwendbarkeit und reduzieren Redundanz im Code.
• Die Kontrolle des Programmflusses erfolgt durch Kombination von Bedingungen, Schleifen und Funktionen.

💡 Key Takeaway

Programmierkonzepte wie Variablen, Operatoren, Verzweigungen, Schleifen, Arrays und Funktionen bilden die Grundpfeiler für strukturierte und effiziente Programmierung. Das Verständnis dieser Elemente ist essenziell, um komplexe Programme logisch aufzubauen und zu steuern.

📖 4. JavaScript Funktionen

🔑 Key Concepts & Definitions

• Funktion (Function): Ein wiederverwendbarer Codeblock, der eine bestimmte Aufgabe ausführt. Funktionen können Parameter annehmen und Werte zurückgeben.
• Parameter: Variablen, die bei der Funktionsdefinition angegeben werden und beim Aufruf Werte an die Funktion übergeben.
• Rückgabewert (Return): Das Ergebnis, das eine Funktion nach ihrer Ausführung liefert. Mit return wird der Wert an den Aufrufer zurückgegeben.
• Anonyme Funktion: Eine Funktion ohne Namen, die oft inline oder als Argument in anderen Funktionen verwendet wird.
• Arrow-Funktion (=>): Eine kürzere Syntax für Funktionen in JavaScript, z.B. (x, y) => x + y.
• Funktionsaufruf: Das Ausführen einer Funktion durch Nennung ihres Namens und Übergabe der erforderlichen Parameter, z.B. meineFunktion(5).

📝 Essential Points

• Funktionen sind essenziell für strukturiertes und wiederverwendbares Programmieren in JavaScript.
• Funktionen können Parameter haben, um Eingabewerte zu verarbeiten.
• Der Rückgabewert einer Funktion wird mit return definiert und kann in weiteren Berechnungen genutzt werden.
• Anonyme und Arrow-Funktionen bieten flexible Möglichkeiten, Funktionen inline zu verwenden.
• Funktionen können innerhalb anderer Funktionen (verschachtelt) oder als Methoden in Objekten eingesetzt werden.
• Funktionen sind Grundlage für Event-Handling, Datenverarbeitung und Modularisierung im JavaScript-Code.

💡 Key Takeaway

Funktionen in JavaScript ermöglichen eine klare Strukturierung des Codes durch wiederverwendbare, parametrisierte Codeblöcke, die das Programmieren effizienter und übersichtlicher machen.

📖 5. PHP Programmierung

🔑 Schlüsselkonzepte & Definitionen

• PHP (Hypertext Preprocessor)
  Eine serverseitige Skriptsprache, die hauptsächlich zur Erstellung dynamischer Webseiten und Webanwendungen verwendet wird. PHP-Code wird auf dem Server ausgeführt und erzeugt HTML, das an den Browser gesendet wird.

• Formularverarbeitung
  Das Erfassen und Auswerten von Benutzereingaben aus HTML-Formularen mittels PHP, um Daten zu speichern, zu verarbeiten oder zu validieren.

• Dateizugriff
  Das Lesen und Schreiben von Dateien auf dem Server mit PHP, z.B. Textdateien oder CSV-Daten, um Daten persistent zu speichern oder zu laden.

• Datenbankzugriff mit PHP
  Die Verbindung und Interaktion mit relationalen Datenbanken (z.B. MySQL) durch PHP, um Daten zu speichern, abzurufen, zu aktualisieren oder zu löschen.

• SQL (Structured Query Language)
  Die Sprache zur Steuerung und Abfrage von Daten in relationalen Datenbanken. PHP nutzt SQL-Befehle, um Datenbankoperationen durchzuführen.

• Datum und Uhrzeit
  Funktionen in PHP, die das Arbeiten mit aktuellen Zeitstempeln, Datumsformaten und Zeitberechnungen ermöglichen, z.B. für Zeitstempel in Datenbanken oder Zeitstempel in Dateien.

📝 Wesentliche Punkte

• PHP ist eine serverseitige Sprache, die dynamische Inhalte generiert, indem sie auf Servern ausgeführt wird.
• Die Formularverarbeitung ist ein zentrales Anwendungsgebiet, um Benutzereingaben zu erfassen und zu verarbeiten.
• Der Dateizugriff ermöglicht das einfache Speichern und Laden von Daten in Text- oder CSV-Dateien.
• PHP arbeitet eng mit Datenbanken zusammen; SQL-Befehle werden genutzt, um Daten effizient zu verwalten.
• Für die Arbeit mit PHP sind Kenntnisse in HTML5 und CSS3 Voraussetzung.
• Sicherheitsaspekte, wie die Validierung von Eingaben und Schutz vor SQL-Injection, sind essenziell bei der PHP-Programmierung.

💡 Kernaussage

PHP ist eine vielseitige serverseitige Programmiersprache, die es ermöglicht, dynamische Webinhalte zu erstellen, Daten zu verwalten und mit Datenbanken zu interagieren, wodurch Webseiten interaktiv und datenbasiert werden.

📖 6. SQL Befehle

🔑 Key Concepts & Definitions

• SQL (Structured Query Language): Eine standardisierte Programmiersprache zur Verwaltung und Abfrage von Datenbanken. Sie ermöglicht das Erstellen, Ändern, Löschen und Abfragen von Daten in relationalen Datenbanksystemen.

• Datenbank: Eine organisierte Sammlung von Daten, die in Tabellen (Relationen) gespeichert sind. Jede Tabelle besteht aus Zeilen (Datensätze) und Spalten (Felder).

• SELECT: Ein SQL-Befehl zum Abfragen von Daten aus einer oder mehreren Tabellen. Er gibt Datensätze zurück, die bestimmten Kriterien entsprechen.

• INSERT: Ein Befehl zum Hinzufügen neuer Datensätze in eine Tabelle. Er legt fest, welche Werte in die jeweiligen Felder eingefügt werden.

• UPDATE: Ein Befehl zur Änderung bestehender Daten in einer Tabelle. Mit WHERE-Klauseln kann die Aktualisierung auf bestimmte Datensätze beschränkt werden.

• DELETE: Ein Befehl zum Entfernen von Datensätzen aus einer Tabelle, ebenfalls meist mit einer WHERE-Klausel, um gezielt Datensätze zu löschen.

📝 Essential Points

• SQL ist die zentrale Sprache für den Zugriff auf relationale Datenbanken.
• Die wichtigsten Befehle sind SELECT, INSERT, UPDATE und DELETE.
• WHERE-Klauseln filtern Daten, um nur relevante Datensätze zu bearbeiten oder abzufragen.
• Transaktionen (BEGIN, COMMIT, ROLLBACK) gewährleisten Datenintegrität bei mehreren Operationen.
• SQL-Befehle können in Programmiersprachen wie PHP oder JavaScript integriert werden, um dynamische Webanwendungen zu erstellen.
• Sicherheitsaspekte, wie SQL-Injection, müssen bei der Verwendung von SQL-Befehlen beachtet werden.

💡 Key Takeaway

SQL-Befehle sind essenziell für die Datenverwaltung in relationalen Datenbanken, wobei SELECT, INSERT, UPDATE und DELETE die Grundpfeiler für Datenabfrage und -manipulation bilden. Ein Verständnis dieser Befehle ist grundlegend für die Entwicklung datenbankgestützter Anwendungen.

📖 7. Webserver XAMPP

🔑 Key Concepts & Definitions

• Webserver: Software, die HTTP-Anfragen von Clients (z.B. Browser) entgegennimmt, verarbeitet und Webseiten ausliefert. Er ist die Grundlage für das Hosting von Webseiten und Webanwendungen.

• XAMPP: Ein plattformübergreifendes Paket, das Apache (Webserver), MySQL (Datenbank), PHP und Perl enthält. Es dient der einfachen lokalen Einrichtung eines Webservers für Entwicklung und Tests.

• Apache: Der am weitesten verbreitete Webserver, der in XAMPP enthalten ist. Er verarbeitet HTTP-Anfragen und liefert Webseiten aus.

• PHP: Eine serverseitige Programmiersprache, die in XAMPP integriert ist. Sie ermöglicht die dynamische Erstellung von Webseiten und die Interaktion mit Datenbanken.

• Datenbank (MySQL): Ein relationales Datenbanksystem, das in XAMPP enthalten ist. Es speichert Daten, die von PHP-Skripten für dynamische Webseiten genutzt werden.

📝 Essential Points

• XAMPP ermöglicht die lokale Entwicklung von Webprojekten ohne Internetserver, ideal für Lernzwecke und Tests.

• Der Webserver Apache im Paket ist konfigurierbar, z.B. durch Änderungen in der httpd.conf.

• PHP-Skripte werden im Document-Root-Verzeichnis (htdocs) abgelegt und können direkt im Browser aufgerufen werden.

• Die Datenbank MySQL wird über phpMyAdmin verwaltet, eine webbasierte Oberfläche, die in XAMPP enthalten ist.

• XAMPP ist einfach zu installieren und zu starten, erfordert aber Kenntnisse in der Serverkonfiguration für komplexe Projekte.

💡 Key Takeaway

XAMPP ist ein praktisches Tool, um einen lokalen Webserver mit Apache, PHP und MySQL schnell und unkompliziert für Entwicklung und Lernen einzurichten. Es bildet die Basis für das Verständnis und die praktische Arbeit mit Webtechnologien.

📖 8. Datenbankentwurf

🔑 Schlüsselkonzepte & Definitionen

Datenbank
Ein strukturiertes System zur Speicherung, Verwaltung und Abfrage von Daten, meist in Tabellenform.
Beispiel: Kundendatenbank in einem Unternehmen.

Tabelle (Relation)
Eine Sammlung von Daten, die in Zeilen (Datensätze) und Spalten (Felder) organisiert sind.
Beispiel: Tabelle "Kunden" mit Feldern wie Name, Adresse, Telefonnummer.

Primärschlüssel
Ein eindeutiges Attribut oder eine Attributkombination, die jeden Datensatz in einer Tabelle eindeutig identifiziert.
Beispiel: Kundennummer.

Fremdschlüssel
Ein Attribut in einer Tabelle, das auf den Primärschlüssel einer anderen Tabelle verweist, um Beziehungen herzustellen.
Beispiel: Bestellnummer in der Tabelle "Bestellungen", die auf den Kunden verweist.

Normalisierung
Der Prozess der Organisation von Daten, um Redundanzen zu vermeiden und die Datenintegrität zu sichern.
Ziel: Effiziente und konsistente Datenstrukturen.

SQL (Structured Query Language)
Eine Sprache zur Definition, Abfrage und Manipulation von Daten in relationalen Datenbanken.
Beispiel: SELECT, INSERT, UPDATE, DELETE.

📝 Wesentliche Punkte

• Der Datenbankentwurf umfasst die Planung der Tabellen, Beziehungen und Integritätsregeln, um eine effiziente Datenverwaltung zu gewährleisten.
• Relationen zwischen Tabellen werden durch Fremdschlüssel hergestellt, um Daten konsistent zu halten.
• Die Normalisierung ist ein wichtiger Schritt, um Redundanzen zu vermeiden und die Datenintegrität zu sichern.
• SQL ist das Standardwerkzeug für den Zugriff und die Manipulation der Daten in relationalen Datenbanken.
• Ein gut durchdachter Datenbankentwurf erleichtert spätere Erweiterungen und Wartungen.

💡 Kernaussage

Ein systematischer Datenbankentwurf ist essenziell, um Daten effizient, konsistent und wartbar zu speichern, wobei die Beziehungen zwischen Tabellen durch Schlüssel geregelt werden.

📖 9. Formularüberprüfung

🔑 Schlüsselkonzepte & Definitionen

Formularüberprüfung
Prozess der Validierung von Benutzereingaben in Webformularen, um sicherzustellen, dass die Daten korrekt, vollständig und im richtigen Format vorliegen, bevor sie verarbeitet oder gespeichert werden.

HTML5-Formular
Ein Webformular, das mit den neuen HTML5-Formular-Elementen und -Attributen erstellt wurde, um Eingaben zu strukturieren und grundlegende Validierungen direkt im Browser zu ermöglichen.

JavaScript-Validierung
Dynamische Überprüfung der Formulareingaben auf Client-Seite mit JavaScript, um Eingabefehler frühzeitig zu erkennen und dem Nutzer sofort Feedback zu geben.

Serverseitige Validierung
Überprüfung der Formulardaten auf dem Server, um Manipulationen durch den Nutzer zu verhindern und die Datenintegrität sicherzustellen.

Fehlerbehandlung
Maßnahmen, um ungültige Eingaben zu erkennen, entsprechende Fehlermeldungen anzuzeigen und die Eingaben des Nutzers zu korrigieren.

Verifizierungs- und Validierungsregeln
Vordefinierte Kriterien, die Eingaben erfüllen müssen, z.B. Mindestlänge, Format (z.B. E-Mail), Pflichtfelder, um die Datenqualität sicherzustellen.

📝 Wesentliche Punkte

• Formularüberprüfung erfolgt sowohl clientseitig (JavaScript, HTML5-Attribute) als auch serverseitig (PHP, Datenbank).
• Clientseitige Validierung verbessert die Nutzererfahrung durch sofortiges Feedback, ersetzt aber nicht die serverseitige Validierung.
• HTML5 bietet integrierte Attribute wie required, type, pattern, um einfache Validierungen direkt im Formular zu realisieren.
• JavaScript ermöglicht komplexe, dynamische Validierungen, z.B. bei besonderen Formatierungen oder Abhängigkeiten zwischen Feldern.
• Bei fehlerhaften Eingaben sollten klare Fehlermeldungen angezeigt werden, um den Nutzer bei der Korrektur zu unterstützen.
• Sicherheitsrelevante Validierungen müssen immer serverseitig erfolgen, um Manipulationen zu verhindern.

💡 Kernaussage

Die Formularüberprüfung ist essenziell, um die Qualität und Sicherheit der Benutzereingaben zu gewährleisten. Eine Kombination aus clientseitiger und serverseitiger Validierung sorgt für eine optimale Nutzererfahrung und schützt vor Datenmissbrauch.

📖 10. Ajax Technologien

🔑 Key Concepts & Definitions

• Ajax (Asynchronous JavaScript and XML)
  Eine Technik, die es ermöglicht, Webanwendungen asynchron Daten vom Server zu laden, ohne die gesamte Webseite neu zu laden. Dadurch werden interaktive und dynamische Nutzererlebnisse geschaffen.

• Asynchrone Datenübertragung
  Der Prozess, bei dem Daten im Hintergrund zwischen Client und Server ausgetauscht werden, ohne die aktuelle Seite zu unterbrechen oder neu zu laden. Wird meist mit XMLHttpRequest oder fetch() realisiert.

• XMLHttpRequest / Fetch API
  APIs in JavaScript, die die Kommunikation mit Servern ermöglichen. XMLHttpRequest ist die klassische Methode, während fetch() eine modernere, versprechenbasierte Alternative darstellt.

• Dynamische Aktualisierung
  Das automatische Aktualisieren von Teilen einer Webseite basierend auf Serverdaten, ohne dass die gesamte Seite neu geladen werden muss. Beispiel: Live-Feeds, Formulareingaben.

• JSON (JavaScript Object Notation)
  Ein leichtgewichtiges Datenformat, das häufig bei Ajax-Anwendungen verwendet wird, um Daten zwischen Server und Client auszutauschen. Es ist einfacher zu verarbeiten als XML.

• Event-Driven Programming
  Programmieransatz, bei dem Aktionen durch Ereignisse (z.B. Klicks, Datenempfang) ausgelöst werden. Ajax nutzt dieses Prinzip, um auf Serverantworten zu reagieren.

📝 Essential Points

• Ajax ermöglicht eine verbesserte Nutzererfahrung durch asynchrone Datenübertragung, ohne die Seite neu zu laden.
• Die wichtigsten APIs sind XMLHttpRequest und fetch(), wobei fetch() moderner und einfacher zu verwenden ist.
• Daten werden häufig im JSON-Format übertragen, was die Verarbeitung im JavaScript erleichtert.
• Ajax wird in vielfältigen Anwendungsfällen eingesetzt, z.B. bei Live-Updates, Formularüberprüfungen und dynamischen Inhalten.
• Das Verständnis von Event-Handling ist essenziell, um Ajax-Operationen effizient zu steuern.

💡 Key Takeaway

Ajax revolutioniert die Webentwicklung, indem es dynamische, interaktive Anwendungen ermöglicht, die Daten im Hintergrund austauschen, ohne die Nutzer durch Seitenreloads zu unterbrechen.

📊 Synthesis Tabellen

Konzept	Beschreibung	Beispiel
HTML5 vs. CSS3	HTML5 strukturiert Inhalte, CSS3 gestaltet Layout und Design	<article> vs. @media
Clientseitig vs. Serverseitig	Clientseitig: HTML, CSS, JavaScript; Serverseitig: PHP, Datenbanken	JavaScript vs. PHP
SQL-Befehle vs. Datenbankmanagement	SQL: Abfragesprache; Datenbankmanagement: MySQL, PostgreSQL	SELECT vs. CREATE TABLE

Programmierkonzepte	Vergleich	Beispiel
Variablen vs. Konstanten	Variablen: änderbar, Konstanten: unveränderlich	let x = 5; vs. const PI = 3.14;
Schleifen (for, while)	for: festes Iterationsmuster, while: Bedingung basiert	for(i=0;i<10;i++) vs. while(i<10)
Funktionen (named vs. anonymous)	Mit Namen oder ohne, Arrow-Syntax möglich	function f() {} vs. () => {}

⚠️ Häufige Fallstricke & Verwechslungen

1. HTML- und CSS-Elemente verwechseln – z.B. <section> vs. <div>.
2. SQL-Befehle falsch verwenden – z.B. DELETE ohne WHERE löscht alle Daten.
3. JavaScript-Funktionen ohne Rückgabewert – vergessen return bei Funktionen, die Ergebnisse liefern sollen.
4. PHP-Variablen mit $ – vergessen bei Variablen, z.B. $name.
5. Ajax-Anfragen asynchron, aber nicht auf Rückgabe warten – führt zu unerwartetem Verhalten.
6. Datenbankentwurf: Redundanzen vermeiden – falsche Normalisierung.
7. Webserver-Konfiguration XAMPP – Dienste nicht gestartet, Zugriff verweigert.
8. Formularüberprüfung nur clientseitig – Sicherheitsrisiko, immer serverseitig validieren.
9. Falsche Verwendung von fetch() in JavaScript – nicht mit .then() oder async/await verarbeitet.
10. SQL-Injection vermeiden – keine unsicheren Eingaben direkt in Queries einfügen.

✅ Prüf-Checkliste für die Prüfung

• HTML5-Elemente und ihre Bedeutung korrekt erklären.
• CSS3-Layouttechniken wie Flexbox und Media Queries anwenden können.
• JavaScript-Funktionen mit Parametern und Rückgabewerten erstellen.
• Variablen, Konstanten und Arrays in JavaScript korrekt verwenden.
• Serverseitiges PHP für Formularverarbeitung und Datenbankzugriff einsetzen.
• SQL-Befehle (SELECT, INSERT, UPDATE, DELETE) richtig anwenden.
• Datenbankentwurf anhand eines Beispiels planen (Tabellen, Schlüssel, Beziehungen).
• SQL-Injection-Schutzmaßnahmen kennen und anwenden.
• Webserver XAMPP starten und konfigurieren können.
• Formularüberprüfung sowohl client- als auch serverseitig durchführen.
• Ajax-Technologien für asynchrone Datenübertragung verstehen und anwenden.
• JavaScript-Funktionen mit Arrow-Syntax und anonymen Funktionen erstellen.
• Datenbankabfragen in PHP mit prepared statements absichern.