WEB Einleitung

PHP

PROZESS- & OO-PROGRAMMIERUNG

HTML

W3C • META • TAG · VIEW

MYSQL

DATENBANKDESIGN • CONTENT-ID

CSS

RESPONSIV • DEVICE

Asynchrones JavaScript und XML - AJAX

Auf dieser Seite findest Du einen Überblick über die technischen Möglichkeiten sich eine eigene dynamische Webseite zu erstellen, prinzipiell und und im Webflow-System.

Was ist AJAX?
_{Warum AJAX so cool ist 🚀}

AJAX, was für Asynchronous JavaScript and XML steht, ist eine Web-Technologie, die es ermöglicht, Daten vom Server zu laden und Webseiten dynamisch zu aktualisieren, ohne dass die gesamte Seite neu geladen werden muss. Das macht die User Experience erheblich schneller und flüssiger.

AJAX ist der heimliche Held vieler moderner Webanwendungen und hat die Art und Weise, wie wir das Internet nutzen, revolutioniert. Stell dir vor, du bist auf einer E-Commerce-Seite und fügst ein Produkt zum Warenkorb hinzu. Dank AJAX musst du nicht auf eine neue Seite weitergeleitet werden. Stattdessen wird nur der Warenkorb-Bereich im Hintergrund aktualisiert, während du ungestört weiter shoppen kannst.

Asynchronität: Das "A" in AJAX ist entscheidend. Es bedeutet, dass der Browser die Anfrage an den Server schickt und gleichzeitig weiterhin andere Aufgaben ausführen kann. Die Webseite blockiert nicht, während sie auf die Serverantwort wartet. Das führt zu einem nahtlosen Erlebnis.
Minimaler Datenverkehr: AJAX überträgt nur die notwendigen Daten, nicht die gesamte HTML-Struktur der Seite. Dies spart Bandbreite und beschleunigt die Ladezeiten, was besonders auf mobilen Geräten oder bei langsamen Internetverbindungen spürbar ist.
Interaktive Oberflächen: AJAX ermöglicht die Erstellung von hochgradig interaktiven und dynamischen Benutzeroberflächen, die sich wie Desktop-Anwendungen anfühlen. Beispiele dafür sind Live-Sucheingaben, "Unendlich-Scroll"-Seiten (Infinite Scroll) wie bei Facebook oder Instagram, und die automatische Validierung von Formularen, ohne dass der Benutzer die Seite verlassen muss.

AJAX und die modernen Web-Technologien

Obwohl das "X" in AJAX für XML steht, wird heute fast ausschließlich JSON (JavaScript Object Notation) für den Datenaustausch verwendet. JSON ist leichter, einfacher zu parsen und passt perfekt zur JavaScript-Welt. Die Grundprinzipien von AJAX sind aber geblieben und werden durch moderne JavaScript-APIs wie Fetch oder Axios noch einfacher umgesetzt.

Die Kombination aus PHP 8.3 und MariaDB/MySQL mit AJAX ist besonders leistungsfähig. PHP auf dem Server verarbeitet die AJAX-Anfrage, holt die benötigten Daten blitzschnell aus der Datenbank und sendet sie im JSON-Format zurück an den Browser. Dort wird der JSON-Datensatz von JavaScript empfangen und die Webseite dynamisch aktualisiert. Es ist eine perfekte Symbiose, die eine schnelle, sichere und interaktive Webanwendung ermöglicht.

Quelle: www.php-einfach.de

Join Left, Join Right - Let´s Go

🌊

LOGIESCHE OPERATOREN

UND, ODER, NICHT: Die Logik-Operatoren
Diese drei Operatoren sind die Grundpfeiler jeder logischen Struktur in Programmierung und Datenbank-Abfragen. UND (AND) ist der strengste Filter: Das Ergebnis ist nur dann wahr, wenn alle verknüpften Bedingungen erfüllt sind. ODER (OR) ist flexibler: Das Ergebnis ist wahr, sobald mindestens eine Bedingung erfüllt ist. NICHT (NOT) hingegen negiert eine Bedingung und wird genutzt, um genau jene Datensätze oder Ergebnisse auszuschließen, welche die definierte Bedingung erfüllen. Sie ermöglichen präzise Entscheidungen und zielgerichtete Filterungen.

⋀ UND

B

A

1 ⋀
‍_GLIED

WAHRHEITSTABELLE

WERT A

WERT B

⋀

SCHALTFUNKTION UND

DB WERT A

PHP CODE

DB WERT B

FISCHER

GOLDFISCH

FISCHER

GOLDFISCH

⋁ ODER

B

A

0 1 1

1 0 1

1 ⋁
‍_GLIED

WAHRHEITSTABELLE

WERT A

WERT B

⋁

SCHALTFUNKTION ODER

DB WERT A

PHP CODE

DB WERT B

FISCHER

FISCHER

GOLDFISCH

FISCHER

GOLDFISCH

BEACHTE: NOR / NICHT-ODER / NODER
Das NOR ist ein aus ODER und NICHT zusammengeschaltetes Element. Es arbeitet wie ein ODER, dessen Ausgang negiert ist. Der Ausgang V ist immer dann 1, wenn die Eingänge A und B gleich 0 sind.
^Quelle:^{https://www.elektronik-kompendium.de/sites/dig/0205185.htm}

👒 Sprichwort: wer A sagt muß auch B sagen
‍
Henry Maurice Sheffer 1913_{Die boolesche Algebra ist nach}_{George Boole}_{benannt, da sie auf dessen}_Logikkalkül_{von 1847 zurückgeht, in dem er erstmals algebraische Methoden in der}_Klassenlogik_und_{Aussagenlogik}_{anwandte. Ihre heutige Form verdankt sie der Weiterentwicklung durch Mathematiker wie}_{John Venn}_,_{William Stanley Jevons}_,_{Charles Peirce}_,_{Ernst Schröder}_und_{Giuseppe Peano}_{. - Wikipedia}
‍

¬ NICHT

A

0

1 ¬
‍_GLIED

WAHRHEITSTABELLE

WERT A

⤨

🙃

😀

🙃

SCHALTFUNKTION NICHT

DB WERT A

PHP CODE

INVERT

FISCHER

= | !

FISCHER

GOLDFISCH

! | =

GOLDFISCH

🎣

🐟

RELATION DATENBANK

Die Tabelle auf dieser Seite dient dazu, das abstrakte, mathematische Konzept der Relation in einer Datenbank anschaulich zu machen. Sie demonstriert, dass eine Datenbanktabelle im Kern eine Menge von Tupeln (Zeilen) ist, die über Attribute (Spalten) definiert werden. Die Struktur verdeutlicht den Zusammenhang zwischen dem theoretischen Modell (Relation) und dessen praktischer Umsetzung in Form einer strukturierten Tabelle, wobei Spalten die Eigenschaften und Zeilen die konkreten Daten-Instanzen darstellen.

TUPEL

LEFT JOIN und RIGHT JOIN sind essentielle SQL-Befehle, um Tupel (Zeilen) aus zwei oder mehr Tabellen zu verknüpfen, basierend auf einer gemeinsamen Spalte wie der kunden_id.

Der LEFT JOIN ist inklusiv zur linken Tabelle: Er liefert alle Datensätze (z.B. alle Kunden) aus der ersten Tabelle und ergänzt sie um die passenden Daten (z.B. Projekte) aus der zweiten Tabelle; falls keine Übereinstimmung gefunden wird, bleibt der Platz der rechten Tabelle leer (NULL).

Der RIGHT JOIN kehrt dieses Prinzip um, indem er alle Tupel aus der rechten Tabelle (z.B. alle Projekte) in den Fokus rückt und sie mit den passenden Kundendaten aus der linken Tabelle verbindet. Beide dienen dazu, vollständige und asymmetrische Datensichten zu erstellen.

‍
‍

Join Left, Join Right - Let´s Go

🌊

‍_{Im Kontext von PHP und MySQL-Datenbankabfragen lässt sich der Unterschied zwischen JOIN LEFT und JOIN RIGHT in einem Satz so zusammenfassen:
‍}_{LEFT JOIN}_holt_{alle Zeilen aus der linken Tabelle}_{, auch wenn sie kein passendes Gegenstück in der rechten Tabelle haben;}_{RIGHT JOIN}_{macht das Gleiche, aber umgekehrt, indem es}_{alle Zeilen aus der rechten Tabelle}_bevorzugt.

HEXADEZIMAL

DEZIMAL

BINÄR

HEXA

0₂

0₁₆

1₂

1₁₆

10₂

2₁₆

11₂

3₁₆

HEXADEZIMAL

DEZIMAL

BINÄR

HEXA

100₂

4₁₆

101₂

5₁₆

110₂

6₁₆

111₂

7₁₆

HEXADEZIMAL

DEZIMAL

BINÄR

HEXA

1000₂

8₁₆

1001₂

9₁₆

1010₂

A₁₆

1011₂

B₁₆

HEXADEZIMAL

DEZIMAL

BINÄR

HEXA

1100₂

C₁₆

1101₂

D₁₆

1110₂

E₁₆

1111₂

F₁₆

relationales Modell

informeller Begriff

Erklärung

Deutsch

Englisch

Deutsch

Englisch

Relation, Entitätstyp, Entitätsklasse

relation

Tabelle

table

Eine Tabelle in einer Datenbank

Tupel, Entität

tuple, entity

Zeile

row

Ein horizontaler Datensatz einer Tabelle in der Datenbank

Beziehung

relationship

Beziehung einzelner Tupel zueinander

Kardinalität

cardinality

Mengenangabe zur Beziehung einzelner Tupel (z. B. 1:1, 1:n, n:m)

Attribut

attribute

Spalte

column

vertikaler Spaltenindex einer Tabelle

Grad

degree

Anzahl der eindeutig identifizierenden Attribute

Primärschlüssel

primary key

eindeutiger Identifikator

Fremdschlüssel

foreign key

Schlüssel aus einer anderen Tabelle, um eine Beziehung herstellen zu können

Wertebereich

domain

Typ

type

Werte, die ein Attribut annehmen kann

Skalar

scalar

Wert

value

Wert eines Attributes in einem Tupel

Quelle: Wikipedia

CRUD

CRUD: Die vier Grundpfeiler der Dynamik (PHP & MySQL)🛠️
‍
CRUD steht für die vier grundlegenden Operationen, die auf Daten in einer Datenbank ausgeführt werden können:
Create, Read, Update und Delete. In der Webentwicklung mit PHP und MySQL bilden diese Aktionen das Herzstück jeder dynamischen Anwendung (wie z.B. ein Blog, ein Shop oder ein Kontaktformular).

C [^{Create ]} Daten einfügen (PHP sendet einen INSERT-Befehl an MySQL).
R [^Read^] Daten auslesen und anzeigen (PHP sendet einen SELECT-Befehl an MySQL).
U [^Update^] Bestehende Daten ändern (PHP sendet einen UPDATE-Befehl an MySQL).
D [ ^Delete^] Daten dauerhaft löschen (PHP sendet einen DELETE-Befehl an MySQL).

Bitte beachte, dass keine Deiner Eingaben im Internet vollkommen gelöscht werden, Deine "gelöschten" Eingaben werden lediglich in der gegebenen Rubrik als inaktiv abgelegt!
‍
PHP agiert hier als die Schnittstelle, die die Benutzerinteraktion auf der Webseite in die entsprechenden SQL-Befehle übersetzt, um die Daten in der MySQL-Datenbank zu verwalten.

√

Wuezel: Der Zusammenhang zwischen "Wurzel" und einer MySQL-Datenbank bezieht sich auf den Standard-Superuser-Account, der bei der Installation von MySQL erstellt wird.
‍
🔑 Der root-Benutzer (Wurzel)
‍In der Welt von Linux/Unix und Datenbanken wie MySQL steht der Begriff "root" (Wurzel) für den höchsten privilegierten Benutzer im System.

Bedeutung: Der root-Benutzer ist der Administrator oder Superuser der gesamten MySQL-Installation.
‍
Rechte: Er besitzt alle Berechtigungen (ALL PRIVILEGES) für alle Datenbanken und alle Operationen auf dem MySQL-Server. Er kann Benutzer erstellen, ändern, löschen, Datenbanken anlegen, die Serverkonfiguration ändern und jede Art von Datenmanipulation durchführen.

Standard: Bei der Installation von MySQL wird dieser Account standardmäßig erstellt.
‍

PHP agiert hier als die Schnittstelle, die die Benutzerinteraktion auf der Webseite in die entsprechenden SQL-Befehle übersetzt, um die Daten in der MySQL-Datenbank zu verwalten.

KI-Modell & MySQL

‍Eine Datenbank ist sinnvoll, aber sie hat eine andere Aufgabe als die KI.

Der Unterschied:
- Die KI (Das Modell): Erkennt was auf dem Bild ist (z. B. "Bohrmulden-Schlüssel").
- Die Datenbank: Speichert Zusatzinfos zu diesem Ergebnis (z. B. "Preis: 15 €", "Lagerplatz: Fach 4", "Kundenname").

Der Ablauf im Projekt:
- KI-Erkennung: Python sagt: "Das ist ein Schließanlagenschlüssel Typ A".
- Datenbank-Abfrage: PHP nimmt diesen Begriff ("Typ A") und sucht in deiner SQL-Datenbank nach dem passenden Preis oder der Montageanleitung.

PHP agiert hier als die Schnittstelle, die die Benutzerinteraktion auf der Webseite in die entsprechenden SQL-Befehle übersetzt, um die Daten in der MySQL-Datenbank zu verwalten.

Pyton & V-Server

‍Python ist kein "Muss" für eine einfache Webseite, aber für die moderne Technik (KI, Apps, Daten) unverzichtbar. Hier ist der Check für deine Bedenken:

1. Kann ich das bei Strato oder IONOS ablegen?
Ja, aber mit Unterschieden:
- IONOS: Bietet in vielen Webhosting-Tarifen (Shared Hosting) bereits Python-Unterstützung an. Du kannst Skripte oft direkt hochladen.
- Strato: Hier ist es bei Standard-Webhosting-Paketen schwieriger. Meistens brauchst du dort einen vServer (VPS), um Python frei nutzen zu können.
- Einfachheit: PHP ist bei diesen Anbietern "Plug & Play". Python erfordert oft ein klein wenig mehr Konfiguration (z. B. über ein Framework wie Flask oder Django).

2. Bringt das was für das Internet?
Absolut. Python wird nicht für "visuelle" Schnörkel genutzt, sondern für die Intelligenz im Hintergrund:
- KI-Integration: Wenn deine Webseite einen Chatbot, eine Bilderkennung oder personalisierte Empfehlungen haben soll, ist Python die erste Wahl.
- Schnittstellen (APIs): Python ist perfekt, um Daten von anderen Seiten (Wetter, Aktien, Google) blitzschnell zu verarbeiten.
- Große Plattformen: Instagram und Pinterest laufen massiv auf Python-Basis.

3. Warum du vielleicht (noch) nicht überzeugt bist.
- Wenn du nur eine klassische Homepage (Text, Bilder, Kontaktformular) bauen willst, ist PHP tatsächlich oft praktischer, weil jeder Billig-Server es sofort versteht.

Python ist eher wie ein Schweizer Taschenmesser: Es wirkt kompliziert, wenn man nur eine Schraube eindrehen will. Aber wenn du später mal eine KI einbauen oder Daten analysieren willst, bist du froh, es zu haben.

‍Bei DomainFactory ist es etwas speziell:

1. Webhosting (Shared Hosting)
In den normalen Hosting-Tarifen steht Python zwar zur Verfügung, aber hauptsächlich für Skripte (z. B. Cronjobs) über die Konsole.

- Webanwendungen: Es ist schwierig, eine echte Python-Webseite (wie mit Django oder Flask) im Standard-Hosting zum Laufen zu bringen, da DomainFactory oft kein WSGI/Passenger (die Brücke zwischen Webserver und Python) für kleine Tarife anbietet.
- PHP ist dort der Standard und läuft "out of the box".

2. Jesta (vServer/ManagedServer)
- Wenn du einen vServer (VPS) oder einen ManagedServer bei DomainFactory hast, kannst du Python uneingeschränkt nutzen. Dort kannst du:
- Jede Python-Version installieren.Echte Web-Frameworks und KI-Anwendungen hosten.

Fazit für dich
- Wenn du bei DomainFactory nur ein kleines Webhosting-Paket hast, wirst du mit Python für eine Webseite keine Freude haben. Da ist PHP die stressfreie Wahl.

Python lohnt sich für dich nur, wenn du:
- Lokal auf deinem Rechner KI-Tools oder Datenanalysen baust.
- Einen vServer mietest, um eine komplexe Web-App zu betreiben.