Erstes Layout – PHP Online Shop programmieren für Anfänger | Part1



In der heutigen ersten Episode fangen wir an ein Design für den Online Shop zu gestalten. Nach dem Video wirst sehen sehen wie man mit Bootstrap 4 Produkte anzeigt mit Platzhaltern und zwei Knöpfe pro Produkt.

*** Über das Projekt ***
In dieser Serie möchte über mehrere Folgen ein Online Shop programmieren. Der Prozess ist eher an Anfänger gerichtet. Es wird also nicht Objekt Orientiert Programmiert sondern höchstens mit Funktionen.
Ich will dir damit zeigen wie man ein PHP Projekt von Grund auf umsetzt ohne PHP Frameworks. Du kannst es auch selber nach programmieren.

Günstiger Hoster *:https://bit.ly/mentox-vitalij

*** Links zum Video ***
Webserver: https://www.apachefriends.org/de/index.html
Editor: https://atom.io/
Bootstrap: https://getbootstrap.com/ 
Discord: https://discordapp.com/invite/2XkVqdJ

Meine Kamera: https://amzn.to/34Ibph9 **
Meine Tastatur: https://amzn.to/3j9UkjY **

 Themenvorschläge und/oder Kooperationen in die Kommentare.

#php #shop #programmmieren #anfänger #codemonday

Lade mich auf ein Kaffee ein: https://www.paypal.me/BlackScorp
* Das ist ein Affiliate link, mit Kauf des Hostingspaket unterstützt mich und meinen Kanal, es fallen keine extra Kosten auf.
** Hierbei handelt es sich um ein Affiliate link, es entstehen keine weiteren Kosten beim einkauf eines Produkts über diesen Link, du unterstützt aber mein Kanal direkt

36 thoughts on “Erstes Layout – PHP Online Shop programmieren für Anfänger | Part1

  1. Das Tutorial ist echt gut. Jetzt freu ich mich wirklich die weiteren Videos zu schauen. Selbst für mich als Anfänger, der gestern noch flüchtig HTML gelernt hat, gut verständlich. Danke dir 🙂

  2. Hey eine Frage bei minute 5:38, sieht man bei dir ja noch bootstrap.bundle.js (Status 304) und ich hab bisdahin alles 1 / 1 alles gleich gemacht habe dies jedoch noch, könntest du mir irgendwie helfen

    <?php

    error_reporting(-1);

    ini_set('display_errors0','On');

    ?>

    <!DOCTYPE html>

    <html lang="de">

    <head>

    <title>REDz</title>

    <meta charset="utf-8"

    <link rel="stylesheet" href="assets/css/bootstrap.min.css">

    </head>

    <body>

    <script src="assets/js/bootstrap.bundle.js"></script>

    </body>

    </html>

  3. Kann es sein, dass in meiner Version von Bootstrap (Bootstrap v5.0.0-beta1) jumbotron nicht definiert wird? Ich habe den Code zwei mal neu geschrieben und auf Fehler korrigiert jedoch werden die Charaktaristika des jumbotron nicht übernommen.

  4. Hallo!
    ich habe folgendes Problem, dass sich bootstrap nur zum Teil einknüpfen lässt. im Header funktioniert das nicht,
    die Columns legt er an. Habe die Version 4.4.1 und 5.0 probiert.
    Wenn ich F12 klicke, ist ein Ordner assets/css und darin die Datein bootstrap, bootstrap.min und styles.
    danke im Vorraus

    <!DOCTYPE html>

    <html lang="de">

    <head>

    <title>Max</title>

    <base href =" <? $baseUrl ?>">

    <meta charset="utf-8">

    <link rel="stylesheet" href="assets/css/styles.css">

    <link rel="stylesheet" href="assets/css/bootstrap.min.css">

    </head>

    <?php include __DIR__.'/navbar.php'?>
    <header class="jumbotron" style="background-color: red">
    <div class="container">
    <h1>Willkommen</h1>
    </div>
    </header>

  5. Ich fang grad mit dem ersten Video an, gleich vorab schonmal eine Frage – wäre es für dich interessant in einer zweiten Videoreihe zu zeigen wie man das ganze mit einem Framework umsetzt?

  6. Ist nice für Anfänger aber wrm schreibt du es nicht live du springst immer und sagst so sieht es aus aber man kann dann nicht immer richtig erkennen was du jetzt geändert hast aber sonst top like abo ist da <3

  7. cool wie immer Vitalij,…ich hätte nur eine Anmerkung die mir immer wieder auffiel..unzwar heißt richtig deutsch ausgesprochen inkludieren und nicht includen :p

  8. Ich habe es genau so gemacht wie im Video gezeigt, nur mit Visual Studio Code. Ich habe dieses Apache laufen lassen genau so wie du und a auch bei Mozilla Firefox probiert aber einfach ne leere Seite die nicht mal so heißt wie ich es wollte, sondern einfach localhost/shop/ . Ich habe auch regelmäßig mit Crtl+S gespeichert aber es geht nicht 🙁 . Was sollte ich tun? Hab auch die Datei mehrmals nach Fehlern durch gesucht aber nichts.

  9. Gutes Viedeo, aber bei mir wird die website in localhost nicht angezeight sonder da steht immer

    :Not Found

    The requested URL was not found on this server.

    Apache/2.4.46 (Win64) OpenSSL/1.1.1g PHP/7.4.10 Server at localhost Port 80

    hab alles instelliert und gestartet kann einer mir helfen

  10. Danke, dass es dich gibt, hab absolut keine Ahnung von dem ganzen und mit deinen Erklärungen, kann ich die Elemente teilweise sogar schon ein wenig abändern, damit es mir optisch besser gefällt. Werde mir auf jeden Fall die gesamte Playlist reinziehen. <3

  11. Moin ich glaube Atom will mich komplett verarschen wenn ich open folder mache pssiert einfach nix also der ordner öffnet sich aber dann geht nix. ? einfach nur leere und kann da nix schreiben.

  12. Super Erklärung und herzlichen Dank!
    es taucht mir nur eine Frage auf;
    bei der Netzwerkanalyse wird von mir einen Script-Tag von Jquery verlangt; sollte ich es wie Bootstrap herunterladen oder passt es, falls ich nur einfach einen Link einfüge?

  13. Danke für die Antwort. Ich hab noch eine Frage: localhost funktioniert bei mir nicht, woran könnte das liegen?

    Edit
    Hab das Promblem gefunden:)

  14. Hallo ich bräuchte Hilfe bei diesem Tutorial bei mir wird kein Kästchen angezeigt weder für den header noch für die Test kästchen :O
    Der Code:
    <?php

    error_reporting(-1);

    init_set('display_errors','On');

    ?>

    <!DOCTYPE html>

    <html lang="de">

    <head>

    <title>Testclosur</title>

    <meta charset="utf-8">

    <link rel="stylesheet" href""assets/css/bootstrap.min.css">

    <link rel="stylesheet" href""assets/css/styles.css">

    </head>

    <body>

    <header class="jumbotron">

    <div class="container">

    <h1>Welcome to shit</h1>

    </div>

    </header>

    <section class"container" id="products">

    <div class="card">

    <div class="card-body">

    test

    </div>

    </div>

    </section>

    <script src="assets/js/bootstrap.bundle.js></script>

    </body>

    </html>

    Würde mich über Hilfe sehr Freuen ,danke.

  15. hey danke bin anfänger und wollte in meine Seite den Shop einfügen, aber meine localhost/shop Seite ist nicht komplett leer und ich bitte um Hilfe mein Quellcode:
    <?php ?>

    <!DOCTYPE html>

    <html lang="de" >

    <head>

    <meta charset="utf-8">

    <title>Test 1</title>

    <link rel="stylesheet" href=assets/css/style.css">

    </head>

    <body>

    <script src="assets/html/index.html">

    </script>

    </body>

    </html>

  16. wollte mir jetzt auch bootstrap heunterladen, aber die haben jetzt anscheinend einen anderen domain.

    edit: lol gibt es doch war nur zu inkompetent.

  17. Ich hab so ne Frage wenn man ein gif einfügt dann wiederholte sich kann man das so machen dass wenn sich das gif einmal abgespielt hat aufhört?

Leave a Reply

Your email address will not be published. Required fields are marked *