HTML/CSS/JavaScript auf den Linux-Server laufen lassen!

[thor_norsk]

Guten Abend, ich habe Apache, MYSQL, PHP auf alten Rechner installiert, es soll als Server dienen!
Wenn ich mein Online-Shop zum lernen in HTML/CSS/JavaScript programmiere und in dem Verzeichnis /var/www/html ablege funktioniert der Online-Shop ?
Also: Ich habe folgendes Problem: Ich möchte, nach der Bestellung einsehen wer bestellt hat, Zahlungsinformation, usw. Wenn jemand erklären könnte wäre super. Ich möchte meine Webseiten auf meinen Server haben. Ich habe mit HTML / CSS versucht, so ähnlich wie Blog. Tut mir leid dass ich so viel schreibe, aber möchte verstehen was ich tue! Nach dem ich Apache/Maysql/ Php installiert habe, laut Internet Recherchen haben die in dem /var/www/ index.php angelegt.
Ich denke man muss z.B. style.css & main.js in index.php einbinden und später die Daten in Mysql(grafische Oberfläche) aus dem Datenbank ablesen ???

Ich würde mich über einfache Lösung bzw. einfache Erklärung sehr freuen! Vielen Dank!

 

[KonradN]

Hier ist die Frage doch einfach: Was genau willst Du erreichen? Was hast Du da überhaupt gebaut?

Eine ganz triviale Webseite kann rein aus PHP Code bestehen. Du hast z.B. eine index.php und wenn der Client diese aufruft, dann arbeitet der Server den PHP Code ab und schickt an den Client den HTML Code um die Seite aufzubauen.
Das HTML kann dann noch etwas ergänzt werden mit CSS oder JavaScript. Dabei ist egal, ob dies im HTML durch die PHP Seite mit ausgeliefert wird, oder ob es eigenständige Dateien sind.

Wenn man es ganz einfach gestaltet, dann sind Aktionen Seitenwechsel. Der Nutzer drückt einen Knopf oder so und schon geht wieder ein Request an den Server und es wird - ähnlich wie bei dem index.php - wieder eine ganz neue Seite aufgebaut. Das ist dann eine ganz triviale Sache aber du hast halt immer komplette Seitenaufbauten ... es muss immer alles geladen werden ...

Daher wird oft nur ein Teil geladen. Per JavaScript kannst Du Web-Aufrufe machen und das Ergebnis direkt verarbeiten. Das kann dann z.B. ein Seitenteil sein, der komplett ersetzt wird. Spricht statt einer Seite kommen nur paar Daten und das JavaScript schreibt diese dann in den vorhandenen Seitenaufbau im Browser.

Oder - was noch einen Schritt weiter geht: Es werden nur noch Daten übermittelt, die dann erst von der Webanwendung im Client ausgewertet werden. Hier hat man dann Webservices. REST Webservices sind heutzutage weit verbreitet. Du hast dann auf der Seite z.B. nur eine Tabelle und die Info: Die Daten beziehst Du von der und der URL. (Da gibt es dann auch oft fertige Frameworks, die das machen. Ich habe da mal eine Tabelle lizensiert für wenige Euro, die Daten per REST geholt hat und viel Funktionen hatte wie diverse Sortierungen und Filterungen ... (Das war aber vor meinem Umstieg auf React / MUI)

Das geht dann so weit, dass Du am Ende nur eine einzige Seite hast, welche dann den Inhalt ganz dynamisch erzeugt und anzeigt. Das wäre dann auch das, was man so bei Angular oder React Anwendungen findet.

Generell ist aber der Zugriff auf der Datenbank im Server-Code. Sprich: Du lädst Daten in dem php code und bereitest diese dann so auf, wie Du diese brauchst. Also z.B. baust Du eine ganze Seite, einen Seitenteil oder übermittelst die reinen Daten in einem Format, wie es der Webbrowser gerade erwartet (also z.B. als JSON).

Das wäre so eine allgemeine Übersicht. Konkrete Hilfe kann man Dir geben, wenn du uns mehr Details mitteilst. Was willst Du wie bauen?

 

[M.L.]

Neben programmiertechnischen Aspekten sollte man auch Sicherheitsaspekte, Backups, Zugriffsrechte,... beachten. Z.B. könnte (und sollte) man die Zugriffsdaten für die DB in eine separate Datei auslagern // genauer definieren, wer wann wie (ändernd) auf die DB zugreifen darf // Backups ausserhalb des (alten) Servers lagern (und dabei die (DB-)Zugriffsrechte nicht im Klartext offerieren) ...

 

[Dukel]

Besteht dein Online Shop jetzt aus HTML/JS und CSS oder ist dieser in PHP geschrieben?

Fange Schritt für Schritt an.

• Linux mit installiertem Webserver -> wird die Standardseite von einem anderen Rechner angezeigt oder gibt es hier schon Fehler?
• Lege eine eigene Testseite (HTML) ins richtige Verzeichnis (/var/www/html/ ist es bei RedHat, andere Distributionen haben evtl. andere Standardpfade). Wird diese Testseite angezeigt?
• Dann Php. Installiere und konfiguriere Php. Lege eine Test Php Seite (z.B. mit Funktion phpinfo()) an. Wird dies korrekt angezeigt?
• Dann die DB. Installiere diese. Kannst du mit einem Client (auf dem Server selbst oder evtl. Remote (Achtung! für die Produktion möchte man dies nicht so haben)) auf die Datenbank zugreifen?

Erst dann (!) kannst du dir Gedanken über dein Online Shop machen.

 

[Oneixee5]

Der Ordner /var/www/html ist der Standard-Speicherort für Webseiten, wenn du Apache verwendest. Allerdings ist dieser Ordner in der Regel nur mit privilegierten Benutzerrechten zugänglich, da er eine zentrale Rolle im System einnimmt. Ein Systemadministrator kann die Dateiberechtigungen jedoch so anpassen, dass dein Entwickler-Benutzer oder deine Gruppe Schreibrechte erhält.

Wenn du mehrere Webseiten hosten möchtest, ist der Einsatz von Virtual Hosts die gängige Methode. Ein Virtual Host ermöglicht es dir, für jede Webseite einen eigenen DocumentRoot festzulegen, der nicht auf den Standardpfad /var/www/html zeigen muss. Detaillierte Informationen und Konfigurationsbeispiele findest du in der offiziellen Apache-Dokumentation.

Das Internet bietet unzählige einfache Tutorials und Beispiele für den Einstieg. Achte dabei aber darauf, dass die Quellen nicht zu alt sind. Das heutige PHP unterscheidet sich stark von früheren Versionen. In modernen Entwicklungsumgebungen wird fast ausschließlich mit Frameworks gearbeitet. Diese beschleunigen die Entwicklung und machen sie sicherer, erfordern aber auch eine steilere Lernkurve, da sie eine bestimmte Struktur und Herangehensweise vorgeben.

 

[Oneixee5]

style.css & main.js in index.php

Das geht so: Erstelle alle 3 Dateien in /var/www/html

/var/www/html/
├── index.php
├── style.css
├── script.js

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Einfaches PHP-Beispiel</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>

    <h1>Hallo Welt!</h1>

    <?php
        // Ein einfaches PHP-Statement
        echo "<p>Dies ist ein Absatz, der von PHP generiert wurde.</p>";
    ?>

    <p id="meinAbsatz">Dieser Text wird später mit JavaScript geändert.</p>

    <script src="script.js"></script>

</body>
</html>

body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    color: #333;
    text-align: center;
    padding-top: 50px;
}

h1 {
    color: #007bff;
}

p {
    font-size: 18px;
    margin: 10px 0;
}

// Warte, bis das gesamte HTML-Dokument geladen ist
document.addEventListener('DOMContentLoaded', (event) => {
    // Finde das HTML-Element mit der ID "meinAbsatz"
    const absatz = document.getElementById('meinAbsatz');

    // Ändere den Textinhalt dieses Elements
    if (absatz) {
        absatz.textContent = "Der Text wurde erfolgreich mit JavaScript geändert!";
        absatz.style.color = "green";
    }
});

 

[Oneixee5]

Also: Ich habe folgendes Problem: Ich möchte, nach der Bestellung einsehen wer bestellt hat, Zahlungsinformation, usw. Wenn jemand erklären könnte wäre super.

Dazu auch ein kleines Beispiel - aber beachte - das ist nur ein kleines Übungsbeispiel. Das ist weder sehr sicher, noch ist es sinnvoll große Anwendungen so zu bauen:

CREATE TABLE benutzer (
    id INT(11) AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(255) NOT NULL
);

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <title>PHP & MySQL Beispiel</title>
</head>
<body>

    <?php
    // Datenbankverbindungsparameter
    $servername = "localhost";
    $username = "dein_benutzername";
    $password = "dein_passwort";
    $dbname = "deine_datenbank";

    // Datenbankverbindung herstellen
    $conn = new mysqli($servername, $username, $password, $dbname);

    // Verbindung prüfen
    if ($conn->connect_error) {
        die("Verbindung fehlgeschlagen: " . $conn->connect_error);
    }
    ?>

    <h1>Benutzerverwaltung</h1>

    <form action="index.php" method="post">
        <label for="name">Neuer Benutzer:</label>
        <input type="text" id="name" name="name" required>
        <button type="submit">Hinzufügen</button>
    </form>

    <?php
    // Verarbeitung des POST-Requests
    if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_POST['name'])) {
        $name = $_POST['name'];
        $sql = "INSERT INTO benutzer (name) VALUES (?)";
        $stmt = $conn->prepare($sql);
        $stmt->bind_param("s", $name);

        if ($stmt->execute()) {
            echo "<p style='color:green;'>Benutzer '{$name}' erfolgreich hinzugefügt!</p>";
        } else {
            echo "<p style='color:red;'>Fehler: " . $stmt->error . "</p>";
        }
        $stmt->close();
    }
    ?>

    <hr>

    <h2>Liste der Benutzer:</h2>
    <ul>
        <?php
        $sql = "SELECT id, name FROM benutzer ORDER BY id DESC";
        $result = $conn->query($sql);

        if ($result->num_rows > 0) {
            while($row = $result->fetch_assoc()) {
                echo "<li>ID: " . htmlspecialchars($row["id"]) . " - Name: " . htmlspecialchars($row["name"]) . "</li>";
            }
        } else {
            echo "<li>Keine Benutzer gefunden.</li>";
        }
        $conn->close();
        ?>
    </ul>

</body>
</html>

 

[Oneixee5]

Ach - und ja - ich hatte nur ein paar Ideen dazu und habe das eine KI schreiben lassen. So geht das schneller - es sind ja auch ganz schön viele Fragen/Themen auf einmal.

 

[thor_norsk]

Hier ist die Frage doch einfach: Was genau willst Du erreichen? Was hast Du da überhaupt gebaut?

Eine ganz triviale Webseite kann rein aus PHP Code bestehen. Du hast z.B. eine index.php und wenn der Client diese aufruft, dann arbeitet der Server den PHP Code ab und schickt an den Client den HTML Code um die Seite aufzubauen.
Das HTML kann dann noch etwas ergänzt werden mit CSS oder JavaScript. Dabei ist egal, ob dies im HTML durch die PHP Seite mit ausgeliefert wird, oder ob es eigenständige Dateien sind.

Wenn man es ganz einfach gestaltet, dann sind Aktionen Seitenwechsel. Der Nutzer drückt einen Knopf oder so und schon geht wieder ein Request an den Server und es wird - ähnlich wie bei dem index.php - wieder eine ganz neue Seite aufgebaut. Das ist dann eine ganz triviale Sache aber du hast halt immer komplette Seitenaufbauten ... es muss immer alles geladen werden ...

Daher wird oft nur ein Teil geladen. Per JavaScript kannst Du Web-Aufrufe machen und das Ergebnis direkt verarbeiten. Das kann dann z.B. ein Seitenteil sein, der komplett ersetzt wird. Spricht statt einer Seite kommen nur paar Daten und das JavaScript schreibt diese dann in den vorhandenen Seitenaufbau im Browser.

Oder - was noch einen Schritt weiter geht: Es werden nur noch Daten übermittelt, die dann erst von der Webanwendung im Client ausgewertet werden. Hier hat man dann Webservices. REST Webservices sind heutzutage weit verbreitet. Du hast dann auf der Seite z.B. nur eine Tabelle und die Info: Die Daten beziehst Du von der und der URL. (Da gibt es dann auch oft fertige Frameworks, die das machen. Ich habe da mal eine Tabelle lizensiert für wenige Euro, die Daten per REST geholt hat und viel Funktionen hatte wie diverse Sortierungen und Filterungen ... (Das war aber vor meinem Umstieg auf React / MUI)

Das geht dann so weit, dass Du am Ende nur eine einzige Seite hast, welche dann den Inhalt ganz dynamisch erzeugt und anzeigt. Das wäre dann auch das, was man so bei Angular oder React Anwendungen findet.

Generell ist aber der Zugriff auf der Datenbank im Server-Code. Sprich: Du lädst Daten in dem php code und bereitest diese dann so auf, wie Du diese brauchst. Also z.B. baust Du eine ganze Seite, einen Seitenteil oder übermittelst die reinen Daten in einem Format, wie es der Webbrowser gerade erwartet (also z.B. als JSON).

Das wäre so eine allgemeine Übersicht. Konkrete Hilfe kann man Dir geben, wenn du uns mehr Details mitteilst. Was willst Du wie bauen?

Mit HTML und CSS habe ich eine einfache Seite mit Apache-Server getestet und funktioniert! JavaScript lerne ich noch und PHP muss auch lernen wenn ich dich richtig verstanden habe? Danke. Ich melde mich, sobald die Seite fertig ist.

 

[thor_norsk]

Besteht dein Online Shop jetzt aus HTML/JS und CSS oder ist dieser in PHP geschrieben?

Fange Schritt für Schritt an.

• Linux mit installiertem Webserver -> wird die Standardseite von einem anderen Rechner angezeigt oder gibt es hier schon Fehler?
• Lege eine eigene Testseite (HTML) ins richtige Verzeichnis (/var/www/html/ ist es bei RedHat, andere Distributionen haben evtl. andere Standardpfade). Wird diese Testseite angezeigt?
• Dann Php. Installiere und konfiguriere Php. Lege eine Test Php Seite (z.B. mit Funktion phpinfo()) an. Wird dies korrekt angezeigt?
• Dann die DB. Installiere diese. Kannst du mit einem Client (auf dem Server selbst oder evtl. Remote (Achtung! für die Produktion möchte man dies nicht so haben)) auf die Datenbank zugreifen?

Erst dann (!) kannst du dir Gedanken über dein Online Shop machen.

Besteht dein Online Shop jetzt aus HTML/JS und CSS oder ist dieser in PHP geschrieben?

Fange Schritt für Schritt an.

• Linux mit installiertem Webserver -> wird die Standardseite von einem anderen Rechner angezeigt oder gibt es hier schon Fehler?
• Lege eine eigene Testseite (HTML) ins richtige Verzeichnis (/var/www/html/ ist es bei RedHat, andere Distributionen haben evtl. andere Standardpfade). Wird diese Testseite angezeigt?
• Dann Php. Installiere und konfiguriere Php. Lege eine Test Php Seite (z.B. mit Funktion phpinfo()) an. Wird dies korrekt angezeigt?
• Dann die DB. Installiere diese. Kannst du mit einem Client (auf dem Server selbst oder evtl. Remote (Achtung! für die Produktion möchte man dies nicht so haben)) auf die Datenbank zugreifen?

Erst dann (!) kannst du dir Gedanken über dein Online Shop machen.

Apache funktioniert! PhpMyAdmin klappt auch ! localhost bzw IP-Adresse!

 

[thor_norsk]

Der Ordner /var/www/html ist der Standard-Speicherort für Webseiten, wenn du Apache verwendest. Allerdings ist dieser Ordner in der Regel nur mit privilegierten Benutzerrechten zugänglich, da er eine zentrale Rolle im System einnimmt. Ein Systemadministrator kann die Dateiberechtigungen jedoch so anpassen, dass dein Entwickler-Benutzer oder deine Gruppe Schreibrechte erhält.

Wenn du mehrere Webseiten hosten möchtest, ist der Einsatz von Virtual Hosts die gängige Methode. Ein Virtual Host ermöglicht es dir, für jede Webseite einen eigenen DocumentRoot festzulegen, der nicht auf den Standardpfad /var/www/html zeigen muss. Detaillierte Informationen und Konfigurationsbeispiele findest du in der offiziellen Apache-Dokumentation.

Das Internet bietet unzählige einfache Tutorials und Beispiele für den Einstieg. Achte dabei aber darauf, dass die Quellen nicht zu alt sind. Das heutige PHP unterscheidet sich stark von früheren Versionen. In modernen Entwicklungsumgebungen wird fast ausschließlich mit Frameworks gearbeitet. Diese beschleunigen die Entwicklung und machen sie sicherer, erfordern aber auch eine steilere Lernkurve, da sie eine bestimmte Struktur und Herangehensweise vorgeben.

Ich meine wenn man index.php verwendet muss der code in /var/www oder ? Bei HTML/CSS kann man in /var/www/html/ xyz.html ablegen!
Webseiten mit HTML/CSS funktioniert

 

[thor_norsk]

Dazu auch ein kleines Beispiel - aber beachte - das ist nur ein kleines Übungsbeispiel. Das ist weder sehr sicher, noch ist es sinnvoll große Anwendungen so zu bauen:

CREATE TABLE benutzer (
    id INT(11) AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(255) NOT NULL
);

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <title>PHP & MySQL Beispiel</title>
</head>
<body>

    <?php
    // Datenbankverbindungsparameter
    $servername = "localhost";
    $username = "dein_benutzername";
    $password = "dein_passwort";
    $dbname = "deine_datenbank";

    // Datenbankverbindung herstellen
    $conn = new mysqli($servername, $username, $password, $dbname);

    // Verbindung prüfen
    if ($conn->connect_error) {
        die("Verbindung fehlgeschlagen: " . $conn->connect_error);
    }
    ?>

    <h1>Benutzerverwaltung</h1>

    <form action="index.php" method="post">
        <label for="name">Neuer Benutzer:</label>
        <input type="text" id="name" name="name" required>
        <button type="submit">Hinzufügen</button>
    </form>

    <?php
    // Verarbeitung des POST-Requests
    if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_POST['name'])) {
        $name = $_POST['name'];
        $sql = "INSERT INTO benutzer (name) VALUES (?)";
        $stmt = $conn->prepare($sql);
        $stmt->bind_param("s", $name);

        if ($stmt->execute()) {
            echo "<p style='color:green;'>Benutzer '{$name}' erfolgreich hinzugefügt!</p>";
        } else {
            echo "<p style='color:red;'>Fehler: " . $stmt->error . "</p>";
        }
        $stmt->close();
    }
    ?>

    <hr>

    <h2>Liste der Benutzer:</h2>
    <ul>
        <?php
        $sql = "SELECT id, name FROM benutzer ORDER BY id DESC";
        $result = $conn->query($sql);

        if ($result->num_rows > 0) {
            while($row = $result->fetch_assoc()) {
                echo "<li>ID: " . htmlspecialchars($row["id"]) . " - Name: " . htmlspecialchars($row["name"]) . "</li>";
            }
        } else {
            echo "<li>Keine Benutzer gefunden.</li>";
        }
        $conn->close();
        ?>
    </ul>

</body>
</html>

Vielen Dank! Ich habe zu viele Fragen gestellt, aber ich muss Design und Logik mit HTML/CSS/JavaScript erstellen und Backend mit PHP , und leider kann ich ganz wenig PHP. Ich werde jetzt PHP lernen. und meine JavaScript Kenntnisse noch verbessern und werde euch mein Shop präsentieren. Dauert noch bißchen!

 

[M.L.]

PHP ...auch lernen

Welche PHP Versionen unterstützt der Apache Server ? Aus Code-/Sicherheits- und Performance- Sicht wäre PHP 8.4 aktuell das neuste.

 

[Dukel]

Ich meine wenn man index.php verwendet muss der code in /var/www oder ? Bei HTML/CSS kann man in /var/www/html/ xyz.html ablegen!
Webseiten mit HTML/CSS funktioniert

Auch der Php Code muss nach /var/www/html/.
Bei CGI war das früher anders. Dort gab es einen eigenen Pfad.

 

[thor_norsk]

Welche PHP Versionen unterstützt der Apache Server ? Aus Code-/Sicherheits- und Performance- Sicht wäre PHP 8.4 aktuell das neuste.

Zu Zeit ist nur Apache installiert, da eine Seite mit HTML/CSS angefertigt habe. Aber ich werde PHP 8.4 installieren.

 

[thor_norsk]

Auch der Php Code muss nach /var/www/html/.
Bei CGI war das früher anders. Dort gab es einen eigenen Pfad.

Super DANKE

 

[thor_norsk]

Eine Frage habe ich noch. Ich habe NodeJs und npm installiert (Linux) und übersetze damit JavaScript Code. Ich könnte doch Node als Server wählen und HTML/CSS für Design ? Die Frage wäre, wie kann ich Node als Server verwenden ?

 

[thor_norsk]

Z.B: HTML/CSS (Design) + Node + Datenbank(MySql oder MariaDB). Allerdings weiß ich nicht, ob überhaupt Node mit MariaDB arbeitet ? Ich melde mich später, wenn ich mit JavaScript + PHP richtig fit bin.
Ich habe mir eigentlich gedacht, Node + Datenbank zu verstehen, erspare ich mir PHP zu lernen, oder denke ich komplett falsch ???

 

[KonradN]

Ich habe NodeJs und npm installiert (Linux) und übersetze damit JavaScript Code.

Das bezweifle ich etwas

Also Du solltest Dir überlegen, was Du genau mit welcher Sprache machen willst. Wenn Du eine Anwendung schreiben willst, die in einem Webbrowser laufen soll, dann ist hier HTML, CSS und JavaScript eine übliche Wahl. Damit kannst Du dann den Client Part gut erledigen. Diese Client Software kann prinzipiell auch mit Daten umgehen - die sind dann aber auch nur lokal. Dazu brauchst du dann also auch gar keinen Server.
EIn Beispiel, wo man dies sehen kann, wäre z.B. die OpenAPI / Swagger Anwendung. Die kann man einfach herunter laden und dann mit Doppelklick auf die entsprechende Datei starten. (Sprich: Du kannst z.B. eine html Seite doppelklicken und die wird dann im Browser geöffnet. Diese lädt dann auch diverse andere Dateien nach bei Bedarf...

Wenn Du nun aber auch Daten haben willst, die zentral gespeichert werden, dann brauchst Du einen Server, auf dem dies läuft. Damit hast Du also eine andere, zusätzliche Software, die Du in einer beliebigen Sprache entwickeln kannst. So hast Du PHP genannt. Das wäre eine Script-Sprache, die sich in einen Webserver integrieren lässt.
Das kann aber auch Java sein - und da nutzt Du dann entweder einen Application Server (Das ist dann ein eigenständiger Server für spezielle Java Anwendungen) ähnlich wie der Webserver, den Du derzeit hast. Oder eben Du schreibst eine eigenständige Java Anwendung, mit der der Webbrowser dann kommunizieren kann (Das ist dann bei Frameworks wie Spring Boot oder Quarkus der Fall).
So gibt es für fast jede Programmiersprache auch die Möglichkeit, einen Server zu erstellen. So auch für JavaScript.

JavaScript ist aber eine Scriptsprache. Du brauchst also etwas, das diese Scripte lädt und dann ausführt. Das ist dann die JavaScript-Engine in dem Webbrowser. So standalone gibt es aber auch nodejs - das ist eine Laufzeitumgebung für JavaScript. Mit Node.js kannst Du also ein JavaScript Programm ausführen. Du hast auch NPM erwähnt, das ist der Node Package Manager. Für JavaScript gibt es sehr viele Pakete, die man nutzen kann. Diese kann man mit einbinden. Das kann man entweder manuell machen oder man nutzt einen Manager für die Abhängigkeiten. So ein Paket Manager ist npm und dieser verwaltet die Abhängigkeiten und lädt diese automatisch herunter und so.
Das NPM selbst kann also auch hilfreich sein für reine client seitige Software. Da nutzt Du dann ggf. nicht selbst die node Runtime aber deine Abhängigkeiten verwaltest Du per npm.

Wenn Du mit einem Server in JavaScript herum spielen willst, dann gibt es da viele Einführungen und Beispiele. Einfach einmal ein paar Links für Dich:
offizielle DOku: https://nodejs.org/docs/latest/api/

Node.js-Einführung: Die JavaScript-Laufzeitumgebung im Überblick

Mit Node.js schreiben Sie Server-Anwendungen in der beliebten Skriptsprache JavaScript und profitieren von einer asynchronen, eventgesteuerten Architektur.

www.ionos.de

Z.B: HTML/CSS (Design) + Node + Datenbank(MySql oder MariaDB). Allerdings weiß ich nicht, ob überhaupt Node mit MariaDB arbeitet ? Ich melde mich später, wenn ich mit JavaScript + PHP richtig fit bin.
Ich habe mir eigentlich gedacht, Node + Datenbank zu verstehen, erspare ich mir PHP zu lernen, oder denke ich komplett falsch ???

Bitte unterscheide wirklich zwischen Client (Webbrowser) und Server ... Auf Clientseite hast Du weder Node noch Datenbank.

Wenn Du PHP machen willst, dann brauchst Du da keinerlei Node (ausser maximal zur Verwaltung der Abhängigkeiten. Das macht Sinn wenn Du ein Framework wir React, Angular, ... nutzen willst aber selbst einfachen Abhängigkeiten, die man ggf, einfach verlinken könnte, kann man so verwalten wenn man wollte ...

Du hast dann auf der Server Seite nur PHP und das greift dann ggf. auf eine Datenbank zu.

 

[thor_norsk]

Zur Zeit läuft alles auf localhost ! Wenn ich DNS-Einträge bei einem WebHoster eintrage, dann kann jeder meine Seiten anschauen!
Ich habe Online-Kurse gekauft, um zu lernen!
Ich schreibe euch was ich vor habe. Ich möchte einfach Online-Shops, Foren, Chaträume, also für mich persönlich interessant zu programmieren und auf meinen Server(Linux auf Mini-Pc) laufen lassen.
Tut mir leid. dass ich euch die ganze Zeit nerve aber ich möchte es verstehen, und meine Ideen um zu setzen, dann habe ich etwas sinnvolles gelernt. !!! Alles aus meiner Sicht!!!
Frage: Ich kann HTML/CSS und JavaScript lerne ich zur Zeit mit kleinen Projekten, werde ich Erfahrung sammeln. Java und Spring Boot kenne ich auch, aber sehr schwierig und für meine Zwecke nicht Sinnvoll, daher ist die meine Frage ? Wenn HTML/CSS/JavaScript einige Maßen gut kann, was soll ich noch lernen bzw. tun, um die Projekte die ich oben beschrieben habe, zu entwickeln und zu verwalten?

Eine Dozentin bietet Online-Kurs mit HTML, CSS, Javascript, Node, React, PostgreSQL (Full Stack), React ist eine Erweiterung der JS-Bibliotheken, daher kam ich auf die Idee mit Node! Selbst React benutz Node für Echtzeit Anwendungen!


Also: Online-shop --> Mein Server (Mini-Pc) --> Domäne buchen mit DNS_Eintrag(Damit ich meine Ip-Adresse) eintragen kann.