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 *:bit.ly/mentox-...
** Links zum Video **
Webserver: www.apachefrie...
Editor: atom.io/
Bootstrap: getbootstrap.c...
Discord: discordapp.com...
Meine Kamera: amzn.to/34Ibph9 **
Meine Tastatur: amzn.to/3j9UkjY **
Themenvorschläge und/oder Kooperationen in die Kommentare.
#php #shop #programmmieren #anfänger #codemonday
Lade mich auf ein Kaffee ein: www.paypal.me/...
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

[@VitalijMik]

Kanntest du vorher Placekittens?

[@warlock8809]

nein

[@hobbyloserpuderzucker5102]

Nein

[@friendlyware2132]

Nein

[@bienchen_auf_nektarinchen]

nein

[@dennis.0tt0]

Nein, nur meine drei Zuhause :D

[@celalguloglu1723]

Vitalij, ich möchte mich bei dir bedanken. da ich mal zur Zeit ein bisschen mehr Freizeit habe, habe ich zwar einige PHP-code beispiele gelernt. Ich wusste aber nicht, wie ich die an eine Projekt benutzen kann! Und deine Videos sind ein super Beispiel, an dem ich noch das üben kann. Dankeschön.

[@VitalijMik]

dankeschön, das hört man gern, viel erfolg noch beim lernen

[@mixschnack]

Sehr schön langsam und verständlich erklärt. Wenn es in dem Stil weitergeht, top!

[@VitalijMik]

Dankeschön, gebe mir mühe, wird aber nicht so langsam sein im kompletten Video :D

[@marzimart]

Grandiose Idee, vor allem für mich PHP-Neuling! Bitte mehr davon! :)

[@VitalijMik]

Dankeschön, da kommt auf jeden Fall noch mehr

[@marzimart]

@@VitalijMik Super! Vielen Dank für die Mühe, die du dir machst! :)

[@ivankrass3123]

Für Anfänger super verständlich. Bin auf die nächsten Folgen gespannt.

[@VitalijMik]

Hey Vielen Dank, hätte echt nicht so eine Resonanz erwartet :D

[@Insomnia_2311]

@@VitalijMik ohne scheiss jetzt. Besser als jeder Webtechnologie Dozent erklärt :)

[@VitalijMik]

@@Insomnia_2311 Dankeschön

[@leob69]

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 :)

[@VitalijMik]

Danke dir aber Vorsicht. Es wird immer komplizierter.

[@jones8185]

Mega! Ich gönn mir die ganze Videoreihe Mal, da ich gerade vor der eigenen Erstellung einer Website (Onlineshop) stehe

[@patrickschultka]

Super. Abo verdient! Wenn die Sprachgeschwindigkeit so bleibt, perfekt. Klar und einfach erklärt.

[@VitalijMik]

Dankeschön,Sprachgeschwindigkeit bleibt so, allerdings wird der Inhalt komplizierter ;)

[@floriancaine7158]

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.

[@VitalijMik]

Vielen Dank fürs Zuschauen ;) Dann war die Arbeit nicht völlig umsonst

[@exordus8336]

Hast auf jedenfall einen neuen Abonennten. Perfekt erklärt.

[@VitalijMik]

Dankeschön ;)

[@Christina-do6py]

Bravo Vitalij. Sehr gute Playlist

[@VitalijMik]

Dankeschön, viel Spaß beim zuschauen, der Code ist in der Videobeschreibung

[@bigz3791]

Super Video und gut erklärt. Auch für Anfänger. Wenn die nächsten Teile auch so werden freut es mich sehr. Gruß aus dem hohen Norden.

[@VitalijMik]

Vielen Dank für das Kommentar, die nächsten Teile müssen aber noch besser werden;) Schließlich will ich mit jedem Video besseren Content liefern

[@morten6143]

Guten Abend, wir fangen gerade an PHP in der Berufsschule zu lernen. Sehr tolle Programmiersprache. Deine Videos finde ich super 👍👍😊

[@VitalijMik]

Dankeschön, viel spaß mit der Programmiersprache ;)

[@mschvilidzebeqa]

Sehr gut erklärt. Sehr vielen Dank

[@VitalijMik]

dankeschön

[@anonym_parrot]

Sehr hilfreich, Bruder !

[@VitalijMik]

Dankeschön

[@anonym_parrot]

"@@VitalijMik" Bruder sehr wichtig, folgendes ich möchte genau diese Kasten wie du im Bild kannst du mir den Code davon senden, dass ich den habe ?

[@bienchen_auf_nektarinchen]

Klasse! Noch komme ich mit ;-)

[@VitalijMik]

Super das freut mich

[@mnm4324]

king hoch 10

[@igorbonicib]

Tolle Videos ich besuche momenttag die CodeFactory in Wien und wir machen gerae CRUD und LOGIN PHP wir brauchen ein Hotel Booking jezt. Super Videos sehr gut erklärt !!!!

[@VitalijMik]

dankeschön, viel erfolg beim booking script. ist bestimmt nicht einfach

[@igorbonicib]

@@VitalijMik ne ganz und gar nicht und so viel material auf einmal wir machen PHP in 8 Tagen durch. also der ganz kurs kzum Junior Full Stack. dauer 15 Wochen 4 Monate. sehr. viel in sehr kurzer Zeit

[@VitalijMik]

puh, in 4 Wochen :D ich habe drei jahre gebraucht um ein Junior Developer zu werden (Dreijährige Berufsausbildung in Deutschland) :D viel erfolg dabei

[@dekiblago6789]

Super Video top erklärt 👍

[@VitalijMik]

Dankeschön

[@thecollector5739]

Super !

[@VitalijMik]

Dankeschön

[@sewer5393]

tolles Video, danke!

[@VitalijMik]

Danke, jeden Montag um 19 Uhr kommt ein weiteres bis der Shop fertig ist ;)

[@sewer5393]

@@VitalijMik perfekt! über die "Coronaferien" muss ich für die Schule einen Webshop mit Php und einer MySQL Datenbank erstellen. Die Videos machen mir es um einiges einfacher, thanks! :P

[@VitalijMik]

@@sewer5393 freut mich das zu hören, ich hoffe, ich schaffe noch bis zum Ende der Coronaferien einen Fertigen Shop zu liefern :D

[@johndoe-is2fw]

lecker, direkt ein sub und jetzt das wochende nachmachen. lg

[@VitalijMik]

Dankeschön und viel Spaß!! :D

[@saskiagotz9347]

Sehr tolle und hilfreiche Videos.Kannst du vielleicht mal zeigen wie man ein PAP macht zu dem Thema Warenkorb?

[@VitalijMik]

Ja kann ich machen, ich wollte eh noch auf das Thema eingehen dass man auch ein wenig in der Theorie Programmieren soll und nicht nur in der Praxis

[@travellingbene]

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.

[@VitalijMik]

kann tatsächlich sein dass es ihn nicht mehr in 5er Version gibt. Du kannst aber die CSS Daten aus der 4.5 kopieren Hier ist die Dokumentation dazu getbootstrap.com/docs/4.5/components/jumbotron/

[@bobbyking97]

Könnte man auch visual studio als programmierumgebung nehmen? ich kennen mich da schon gut aus

[@VitalijMik]

Ich bin mir nicht sicher ob da Syntaxhigh light für PHP über Plugin möglich sind. Kenne mich damit nicht aus

[@VitalijMik]

Visual studio Code ist aber möglich. Habe das auch später gemacht

[@weblio4861]

Erfolgt auch eine Anbindung an Zahlungsdienstleister (Stripe, Paypal oder AmazonPay)? So könnte man auch Anfängern exemplarisch zeigen wie man sich in Dokumentationen einarbeitet und externe Schnittstellen bzw SDKs verwendet. EDIT: 1:40 Alles klar - ich sollte vorher das Video gucken und dann kommentieren :D

[@VitalijMik]

Erstmal nur Paypal, sobald ich dann das Projekt mit einem Framework umsetze, werde ich die Library thephpleague/omnipay benutzen

[@weblio4861]

@@VitalijMik das Multi Payment Gateway Omnipay kenne ich, finde ich gut das du dazu dann was machst. Denn damals als ich mich damit beschäftigte, fand ich nicht viele hilfreiche Ressourcen...

[@VitalijMik]

Ich hoffe ich erkläre es auch verständlich. Ich habe teilweise das Gefühl, dass Neulinge sowieso es nicht verstehen und für erfahrene Entwickler ist es nichts neues :D

[@billionairesecrets3]

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.

[@VitalijMik]

wenn ich jedes Mal 1€ kriegen würde wenn jemand "Ich hab es genau so wie du" zu mir sagt, dann wäre ich jetzt Millionär :D damit du überhaupt etwas über localhost aufrufen kannst müssen sich die php Dateien im htdocs Ordner befinden wo du auch Xampp installiert hast. Wenn du noch nie vorher ein PHP Script geschrieben hast, dann schaffst du das Tutorial nicht. Du musst erst die Grundlagen von PHP lernen sonst wird es hier nichts. Anfänger sind die diejenigen die die Grundlagen kennen und sich an größeren Projekten versuchen möchten und nicht die, die noch nie programmiert haben.

[@emanuelhosseini7623]

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?

[@VitalijMik]

Ich habe es in Episode 24 oder so angehängt, bis dahin nutze ich eh kein javascript, die Meldung kann man auch bis dahin ignorieren

[@samedinac6386]

Bei mir ist die h1 Überschrift nicht in einem leicht grauen Hintergrund ist das normal ?

[@VitalijMik]

ja mittlerweile ist boostrap version 5 rausgekommen, die hast du sicherlich installiert da ist alles etwas anders

[@samedinac6386]

@@VitalijMik hab mir die gleiche Version installiert, jetzt geht's danke dir

[@VitalijMik]

ist ja eh nicht wichtig ob es jetzt zu 100% vom Aussehen gleich aussieht, hauptsache die Funktionen sind da oder;)

[@paffy9832]

Wie kann man die Website sehen wie sie aktuell aussieht dies hat bei mir nicht so ganz geklappt. Gebe ich localhost/shop einfach im Browser ein oder wie ganu klappt das?

[@VitalijMik]

ja du gibst einfach localhost/shop im browser ein, vorausgesetzt deine php dateien liegen im Installationsverzeichnis von Xampp im ordner htdocs/shop

[@plan0go]

1:35 Atom is cool, aber warum hier? keinen besonderen Grund? denke sonstnimmst du ja auch was anderes code or storm?

[@VitalijMik]

Der Grund ist. Atom ist kostenlos. Ich wollte mit meinen Videos nicht das Gefühl vermittelt dass man unbedingt eine kostenpflichtige Software kaufen soll um programmieren zu können. Es geht auch ohne Geld

[@plan0go]

@@VitalijMik studio code ist auch kostenlos und eclipse. aber ja atom kann z.b. auch super pairprogramming über floobits.

[@VitalijMik]

Später habe ich auch auf Studio Code gewechselt

[@Mikecodes-kr8uo]

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?

[@VitalijMik]

@{Mike.codes} vielleicht irgendwann bestimmt ;)

[@jenslohmann9749]

Hei, erstmal mega gutes Video, und jetzt kommt noch ne frfr hintendran, bin neu auf dem Gebiet allso könnte die frge etwas dumm sein...: Kann ich fürs schreiben auch notepad++ benutzen? Gibt es da unterschiede? Hab mich dort nähmlich eigentlich gut zurechtgefunden. Schonmal danke für die Antwort LG Jens

[@VitalijMik]

Notepad und Atom sind ähnlich. Atom sieht halt hübscher für Videos aus. Natürlich kannst du notepad Nutzen es spielt keine große Rolle. Nicht für dieses Projekt. Bei oop Projekte hätte Atom ein bessere Features zu bieten

[@jenslohmann9749]

@@VitalijMik Vielen Dank für die Schnelle Antwort :)

[@VitalijMik]

Danke fürs Zuschauen:)

[@abdunogood]

Hallo Vitalij, bis zum Schluss ist bei mir alles fein... aaaber als ich die kittens platzieren wollte wird die Darstellung untereinander angezeigt und irgendwie will die Bildskalierung sich auch nicht wirklich ändern... Liegt das an mir oder an Placekittens? haha thanks in advance! Btw super Videos und echt angenehme Art zu erklären! Ich starte jetzt im Wintersemester mit Medieninformatik und schulde dir dann mit Sicherheit einige Kaffee :D

[@VitalijMik]

Hi, es kann sein dass du aktuelle Version von bootstrap nutzt im Video hatte ich die 4er Version installiert. Ich denke die css Klassen haben sich geändert, schau dir die Dokumentation zum grid system an

[@TutTut666]

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:)

[@tomschfr1851]

hat bei mir auch nicht funktioniert, versuche es mal hiermit: www.schieb.de/719652/web-freigabe-in-osx-mountain-lion-wieder-aktivieren Bei mir gehts nur danach leider nicht weiter, sprich sobald ich /shop hinzufüge beim mac findet er den Server nicht mehr, schade...

[@zepenthium]

Englisch würde es “Photographie“ geschrieben. Deutsch wäre es “Fotografien“ ausserdem bekommt der Name noch ein Apostroph gefolgt von einem s. Also quasi “Zepenthium's Fotografien“ :)

[@VitalijMik]

Und so kriegt man Zuschauer zum Kommentieren ;)

[@zepenthium]

@@VitalijMik ich kommentiere immer und wenn ich dabei noch helfen kann, könnte es sich nicht mehr lohnen :) Aber ixh selbständiger Programmierer und Designer, gucke aber gerne mal wie andere es machen. Bei dir sieht man, dass du eher Backend Entwickler bist, aber trotzdem erfüllt es seinen Zweck und das ist super :)

[@VitalijMik]

wobei man auch sagen muss dass ich so beruflich nicht Programmiere ;)

[@beerensaft413]

@@zepenthium Nö. Ich weiß nicht, woher diese "Apostroph's" im Deutschen kommt. Man sieht es immer wieder als Angleichung ans Englische. Es heißt aber: Erikas Arbeit‚ Apples Produkte‚ Deutschlands Bürger usw. (Ausnahmen Hannes’ Fußball‚ Moritz’ Hosen‚ Marx’ Werke

[@danamai8014]

Wieso wird der Button bei dir direkt grün? Bei mir sieht es aus wie ein normaler Link.. 😕

[@VitalijMik]

Du hast eventuell die CSS Datei nicht richtig eingebunden, ich hatte ein Fehler gemacht bei der CSS Datei und ich glaube bei 7:03 ist mir das erst aufgefallen, schau doch nach ob du den Fehler bei dir auch hast. Eventuell hast du ja gerade diese Stelle übersprungen

[@olafkoestner1998]

Bei 0:28 sagst Du, "alles ohne Framework" und bei 2:50 wird dann direkt das erste Framework (Bootstrap) geladen... Ansonsten aber ein tolles Video und ich werde mir die ganze Serie ansehen . Bin gespannt...

[@VitalijMik]

Ich hätte sagen sollen ohne PHP Framework. CSS Framework nutze ich weil ich kein Front-End Entwickler bin und alles was ich auch mit CSS Stylen würde, würde nicht so gut aussehen wie Bootstrap.

[@user-cl1oy9um7h]

hey bei mir wird beim local host nichts angezeigt obwohl ich schon einen header und title im index.php eingebunden habe

[@VitalijMik]

@Sanel du kannst deinen quellcode auf pastebin.com eintragen und mir den Link zeigen dann kann ich es mir anschauen, ohne Code kann ich nicht weiterhelfen

[@user-cl1oy9um7h]

@@VitalijMik pastebin.com/vvBL3UG8 hier :)

[@VitalijMik]

@@user-cl1oy9um7h im HTML Tag hast du die klasse falsch definiert, da fehlt ein gleicher zeichen, bei dir steht einfach nur class "jubmotron" dadurch geht der HTML Code kaputt

[@user-cl1oy9um7h]

@@VitalijMik ist es jetzt so richtig, trotzdem wird beim localhost nichts angezeigt pastebin.com/KKFnUwu5 vielen dank nochmal für deine hilfe und mühe :)

[@VitalijMik]

@Sanel der Webserver läuft aber oder? Also apache ist grün bei Xampp? Im Code ist alles richtig, eigentlich muss alles korrekt angezeigt werden

[@knuppelkastenlp8931]

Weis jemand wieso es bei mir im Browser(chrome) nur den geschriebenen Code anzeigt und nicht der Inhalt der Webseite? Wenn ich ein html Dokument öffne funktioniert alles aber nicht bei php. Muss ich da noch etwas herunterladen?

[@VitalijMik]

ja, du musst lokal ein Webserver installieren und dort in den htdocs ordner deine php dateien kopieren und dann im browser über localhost das ganze aufrufen. Such mal auf meinem Kanal nach XAMPP (unter dem kanal banner in der navigation ganz rechts die lupe) da siehst du wie cih xampp herunterlade und konfiguriere usw

[@mondkeks]

wollte mir jetzt auch bootstrap heunterladen, aber die haben jetzt anscheinend einen anderen domain. edit: lol gibt es doch war nur zu inkompetent.

[@activetutorial]

7:53 Wenn das so aussehen würde dann könnte man *nur* sagen dass Bootstrap nur sehr komisch ist (Weil sie anscheinend immer den Downloadlink ändern) aber an dem echten aussehen (das ich ausprobiert hab') erkennt man dass Bootstrap in die Mulltonne gehört.

[@sewer5393]

Ich habe die Js und Css Datein eingebunden allerdings will Chrome die Css nicht annehmen oder so, ich bekomme nämlich nicht diesen grauen Balken so wie du ihn hast ( 7:14 ), bei mir ist es so also ob ich einfach nur den hätte und sonst nichts, Chrome hat mir dann einen Error geschrieben, dass er Jquery braucht also habe ich die Codes eingebunden ich weiß nicht genau ob das überhaupt etwas helfen würde, allerdings sieht es noch immer so aus als hätte ich eine normale html Seite mit einem einfachen , kein Zeichen von CSS. Wüsstest du vielleicht warum ich hab keinen Plan :( :P

[@VitalijMik]

Moin also das Styling wird ja über die CSS Datei umgesetzt. Wie sieht dein HTML Code aus, kannst auf pastebin.com den posten und hier den Link dazu eintragen? Ich vermute du hast einfach nur ein Tippfehler irgendwo

[@sewer5393]

@@VitalijMik pastebin.com/tf3SG4N7 :)

[@sewer5393]

@@VitalijMik Okay es funktioniert jetzt. In deinem Code hast du type="text/css" ich habe das mit rel="stylesheet" ersetzt hmmmm...

[@VitalijMik]

da warst du wohl nicht aufmerksam ;) kzbin.info/www/bejne/nJa4Y5iXrrZre80 bei 7:03 habe ich gesagt dass ich den Fehler gemacht habe und habe es verbessert ;) übrigens in deinem Code beginnen die CSS Dateien usw mit einem / bei mir sind die ohne, da gehts direkt mit assets= los.. ist auch sehr wichtig.

[@sewer5393]

@@VitalijMik oh ._. man ich bin soo blöd. ja die / vor assets habe ich dann gegegeben und es hat funktioniert maaan ich sollte besser zuhören nagut danke!!😂😅😁

[@mr_cps201]

Hallo das Tutorial ist echt richtig gut nur leider wird oben bei mir bei willkommen auf meinem Shop nicht dieser Container angezeigt ich habe schon geckuckt ob es vielleicht daran liegt das die css Dateien anders geschrieben sind aber nein weil der nächste Kasten um Test für unter die bildet ist da außerdem ist mein Willkommen auch nicht wirklich ganz zentriert könntest du mir da helfen

[@VitalijMik]

Hi Dankeschön, also das Tutorial ist schon etwas älter. Damals habe ich bootstrap 4 verwendet. in der neusten Version hat bootstrap sich entschieden die Klasse Jumbotron wegzulassen. Das heißt du hast alles richtig gemacht es ist normal dass da nichts gezeigt wird. Du kannst dir also selbst die CSS Klasse definieren oder das Aussehen ignorieren;) Konzentriere dich bei dem Tutorial einfach nur auf PHP, der HTML und CSS Part ist nicht so sehr wichtig.

[@mr_cps201]

Ok vielen Dank

[@heinrichschiller4673]

Schönes Video :) Ich finde es übrigens gut das du einen Editor nutzt, welchen deine "Schüler" auch nutzen können. PhpStorm in allen Ehren, aber nicht jeder kann das Teil kaufen.

[@VitalijMik]

Dankeschön. Muss nur noch herausfinden wie ich damit debuggen kann :D

[@heinrichschiller4673]

@@VitalijMik atom.io/packages/php-debug Und falls du noch nicht Emmet kennst, empfehle ich Emmet :)

[@VitalijMik]

@@heinrichschiller4673 Danke, Kenne Emmet, ich denke aber es wäre hier zu viel :D

[@jenslohmann9749]

Wenn ich bei 5:13 versuche auf die website zu kommen steht dort nur Wesite nicht erreichber. Localhost hat die verbindung abgelehnt...

[@VitalijMik]

diese Fehlermeldung besagt dass Apache im Xampp control pannel nicht läuft

[@jenslohmann9749]

@@VitalijMik achso vielen Danke :)

[@Broke_rl]

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

[@VitalijMik]

Als Anfänger bezeichne ich die, die schon mal ein PHP Script geschrieben haben und die Syntax kennen. Ich dachte jemand der noch nie mit PHP was geschrieben hat, würde sich nicht an ein großes und komplizietes Projekt wie etwa ein Online Shop trauen. Da lage ich wohl falsch. Du musst vorher die Syntax kennen und ein paar kleinere Scripte selbst geschrieben haben um diesen Tutorial zu folgen. Es wird halt mit jeder Episode komplizierter

[@egamestv3163]

Kann ich das ganze auch so umsetzten mit Visual Studios

[@VitalijMik]

klar, mach ich auch dann in späteren episoden

[@RealLexable]

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

[@VitalijMik]

Danke für den Hinweis versuche ich mir zu merken, aber wird bestimmt nicht einfach :D

[@denisrauch218]

Bei mir wird nichts angezeigt wenn ich im Browser nach "localhost/shop/" suche, obwohl ich es auch shop genannt habe, woran kann es liegen?

[@VitalijMik]

Server muss gestartet werden, ohne xampp kann man auch nichts sehen. Wenn du vorher noch nie Programmiert hast, empfehle ich das Tutorial nicht, das wird zu komplex sein

[@techandmore12]

Es ist hilfreich wenn im Thmbnail der Part angezeigt ist

[@VitalijMik]

Werde ich dieses Wochenende mal alle Thumbs umstellen, danke für den Hinweis

[@fynn0436]

Hallo, zuerst einmal tolles Video. Allerdings habe ich ein kleines Problem relativ am Anfang. Der Titel der shopseite ist mit „Index of /shop“ benannt, allerdings habe ich einen anderen Titel ins Script geschrieben. Zudem ist die Seite nicht leer, sondern ist mit verschiedenen links versehen, zum Beispiel Assets, php etc. Es sieht für mich so aus, als das die Directory des Projekts auf die Seite übernommen wurde. Wie kann ich diese Fehler beheben? Ich hoffe die Beschreibung ist soweit verständlich :-)

[@VitalijMik]

Also ohne code kann ich nichts dazu sagen. Wenn ich die Beschreibung anhöre kann es sein dass dein HTML Code falsch ist Irgendwie hast du ein Tag vergessen oder ao

[@fynn0436]

@@VitalijMik Hier ist mein Code, vielleicht kann man das Problem dadurch lösen. Beschter Shop Liebe Grüße

[@VitalijMik]

Im Meta charset da fehlt ein backslash vor dem >

[@fynn0436]

@@VitalijMik hi, den fehler habe ich behoben, allerding hat es das problem leider dennoch nicht gelöst. Gibt es noch was weiteres das ich übersehe?

[@VitalijMik]

Ja link type CSS das stimmt nicht. Ich habe es im Video falsch gesagt. Such mal auf selfhtml wie man das verlinkt

[@sxles_official]

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 REDz

[@VitalijMik]

das Problem ist, das Video ist über ein Jahr alt, damals habe ich Bootstrap 4 Heruntergeladen, aktuell ist Bootstrap 5 online. Wenn du jetzt einfach nur stumpf das gemacht hast was ich gemacht habe, hast du sicherlich 5er Version heruntergeladen.. Aber das mit boostra.bundle.js kannst du ignorieren, bis zur Episode 20+ mach ich nichts mit Javascript ob es da steht oder nicht ist also bis episode 20 egal

[@potschy]

Hey, wenn ich php inculde bekomme ich innerhalb der col container eine Fehlermeldung: Warning: include(card.php): failed to open stream: No such file or directory in C:\xampp\htdocs\... kannst du helfen?

[@VitalijMik]

Der Pfad zur card.php stimmt nicht oder die Datei exestiert nicht. Überpürfe noch mal was ich im Video gemacht habe und vergleich es mit deinem Code ;)

[@potschy]

bin ich sau blöd. Sorry. im falschen Pfad gespeichert. Danke für deinen Beitrag. Mach bitte weiter so.

[@VitalijMik]

@@potschy Alles gut

[@krimskrams9742]

Hallo gutes Video aber bei mir wird in der Netzwerkanalyse nichts angezeigt Hier der Quellcode Demetri

[@VitalijMik]

Hi, ich habe in dem Video ein Fehler gemacht, den ich erst bei 7:03 gemerkt habe. Also link type ist falsch. Dann hast du ein Tippfehler im script, es heißt nicht scr sondern src(Kurzform für source) Sorry dafür ;) ein schönes Wochenende

[@Der_Nevio]

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?

[@VitalijMik]

Nein das geht nicht

[@cesify4046]

Hey, wenn ich den header mache, wird der nicht übernommen also von bootstrap, wie behebe ich das?

[@VitalijMik]

ich hatte ein tippfehler, ich habe da glaube ich type="text/css" geschrieben, so müsste aber das tatsächlich aussehen github.com/BlackScorp/shop/blob/master/templates/htmlHead.php#L9

[@cesify4046]

@@VitalijMik perfekt, danke! :)

[@goldenhospitality8521]

Die neuste Version von Bootstrap (5.0.0) hat die Klasse jumbotron garnicht mehr.

[@VitalijMik]

@@goldenhospitality8521 das stimmt ;) ja das ist das Problem an einem Video wenn es über ein Jahr alt ist

[@goldenhospitality8521]

@@VitalijMik also war garnicht als Kritik oder so gemeint nur hatte das Problem nur selber und das klang jz so als ob es bei ihm auch sein könnte.

[@UnlegitDqrk]

Hey wie sieht deine style.css aus?

[@VitalijMik]

im video ist ein bug. da muss man nicht den type="text/css" schreiben sondern rel="stylesheet" so wie hier github.com/BlackScorp/shop/blob/master/templates/htmlHead.php#L8-L10

[@UnlegitDqrk]

@@VitalijMik ob danke in html bin ich besser als im designen xD. Ich bin schon gespannt auf die Videos.

[@samuelxo2569]

Ich liebe dich

[@VitalijMik]

Dankeschön? I guess? :D

[@TutTut666]

Ich kann nirgends wo hinein schreiben wenn ich den Ordner Shop in Atom öffne. Kann mir jemand helfen danke:) Also ich hab kein scripttttt

[@VitalijMik]

Du musst auch die Dateien anlegen und dann im Atom öffnen und dann kannst du reinschreiben

[@denniiis5770]

wie wird dieser shop dann veröffentlicht?

[@VitalijMik]

einfach per FTP auf einem Hoster hochgleaden und da installiert, wie sonst auch alle anderen webseiten ;)

[@moontimer]

Wenn ich das mit den localhizsg mache ist die Website nicht erreichbar

[@VitalijMik]

dann läuft dein Webserver nicht

[@moontimer]

Hab xampp Grade eingerichtet

[@moontimer]

Jetzt steht da Objekt nicht gefunden

[@moontimer]

Oder wenn ich den ganzen Pfad angebe Zugriff verweigert

[@VitalijMik]

@@moontimer dann liegen wohl die dateien nicht in C:\xampp\htdocs\shop folder.. wenn es schon daran scheitert wird das Tutorial nur noch komplizierter. Ein bssichen sollte man schon PHP verstehen. Ich empfehle sich die Grundlagen zu erst anzuschauen www.peterkropff.de/site/php/einbindung.htm man muss mindestens wissen was Funktionen und Arrays usw ist um diesen Tutorial folgen zu können

[@hefezopf5923]

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: Test 1

[@VitalijMik]

Warum ist da Script Src der auf HTML zeigt? Du musst dir wohl vorher HTML Tutorials anschauen. Ohne kannst du den Shop nicht umsetzen

[@hefezopf5923]

@@VitalijMik ok mach ich danke

[@dennislenz9454]

Hat jemand eine Idee? habe den gleichen Code bei 2 Produkten, aber die Bilder sind riesig, obwohl sie mit Paint bearbeitet wurden?

[@VitalijMik]

ja ich habe, meine ich im video gesagt, dass deine webseite 12 Einheiten breit ist, also volle breite ist 12 Einheiten. wenn du eine klasse "col" einbaust und keine weiteren daneben hast, nimmt sich das CSS Framework die volle breite. wenn du statt col einfach col-3 reinschreibst, dann wird die Spalte maximal ein 4el Breit bzw 3/12 . Und was hat Paint damit zu tun? Die Bilder werden im HTML in voller breite angezeigt, wenn du große bilder hast dann werden die auch groß angezeigt, es seidenn du gibst es an dass die kleinere dargestellt werden sollten

[@dennislenz9454]

@@VitalijMik Okay, klappt👍

[@LevinPamay]

Könntest du den ganzen Code einfügen damit ich den einfach kopieren kann und in meiner Webseite einfügen könnte

[@VitalijMik]

der code ist in der videobeschreibung

[@laurentin4651]

Wo kann ich die Seite downloaden

[@VitalijMik]

Videobeschreibung da steht alles;)

[@nureinmensch3107]

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: Testclosur Welcome to shit test

[@VitalijMik]

weil href kein Gleichzeichen hat

[@nureinmensch3107]

@@VitalijMik Danke für die Hilfe habe den Fehler korrigiert doch aus irgendeinem Grund funktioniert /sieht es immer noch nicht so aus ?

[@VitalijMik]

@@nureinmensch3107 dann musst du F12 im Browser drücken und im Netzwerk Tab nachschauen ob assets/css/boostrap.min.css geladen wurde, wenn nicht, den Pfad überprüfen. Das sind aber die Grundlagen von HTML. Jedes weitere Video wird noch komplexer. Vielleicht liest du dich hier in dem HTML Tutorial erst mal ein www.w3schools.com/html/default.asp da oben rechts ist ein "Next" Knopf und du kannst dich Kapitel für Kapitel durcharbeiten.

[@nureinmensch3107]

@@VitalijMik ok danke

[@nureinmensch3107]

Wenn es bei euch auch nicht funktioniert müsst ihr

[@felixt9341]

Ich verstehe den raschen Anfang nicht, die ganzen Programme runterladen muss :(

[@VitalijMik]

Hi du kannst ja Pause machen zwischendurch + in der Beschreibung habe ich die Links hinterlassen. Allerdings habe ich gesagt dass man mindestens HTML Können muss, normalerweise wenn du HTML lernst, lädst du dir ja die Editoren herunter. Wenn du also kein HTML kannst, dann ist leider das Tutorial zu kompliziert.

[@felixt9341]

Vitalij Mik danke für die Antwort, ich habe mittlerweile alles verstanden, allerdings muss ich für Informatik in der Schule programmieren und da dürfen wir glaube ich leider solche Verschönerungspackete nicht verwenden, wie sollen da einen einfachen Webshop mit Bestellformular und Weiterleitung auf eine Warenkorb Seite bei der Gesamtkosten, Versandkosten, Mehrwertsteuer etc. angezeigt werden, das ist leider so schwer :(

[@VitalijMik]

bootstrap ist nur fürs Aussehen da, das hat weder mit Warenkorb noch Versandkosten etc zu tun. Dein Smartphone funktioniert ja immer gleich, egal welche Hülle du drüber gezogen hast. HTML ist dazu da um das Aussehen zu bestimmen, PHP ist die Logik.

[@acbattery]

0.27 "...alles ohne Framework..." 2:36 "...lade ich erst mal bootstrap framework herunter....", äh, was denn jetzt?

[@VitalijMik]

CSS Framework ist was anderes, da geht es um ein Einheitliches Aussehen

[@Der_Nevio]

vorkasse wie geht das

[@VitalijMik]

Zeig ich dann sobald ich es programmiert habe

[@syn1ex608]

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

[@VitalijMik]

Hast dich im Ordnernamen vertippt? Dein Ordner in htdocs muss genauso lauten wie in der url. Achte auf groß und klein Schreibung

[@syn1ex608]

@@VitalijMik was ich aber nicht verstehe ist ich hab Xampp gedownloadet und bei mir gibt es keinen htdocs folder, hab auch alle möglichkeiten installiert z.b apache mysql und so

[@VitalijMik]

xampp hat apache und mysql und alles, das musst du nicht extra installieren, du installierst xampp und in IN xampp ist der htdocs ordner. du musst auch im xampp-controll panel mysql und apache starten. Das tutorial wird zu kompliziert für dich sein wenn du schon bei Xampp probleme hast, mit Anfängern habe ich Entwickler gemeint die schon ein paar kleine Projekte programmiert haben und jetzt mit einem großen starten wollen wie etwa ein Online Shop.

[@Jam-gp7io]

Ich kann leider diese Datei nicht öffnen: "Bootstrap: @t"

[@VitalijMik]

Ich kann mit dieser Beschreibung leider nichts anfangen

[@xvtim]

Die Bootstrap Styles funktionieren bei mir leider in keinster Weise ._.

[@VitalijMik]

ja das liegt daran dass ich damals bootstrap 4 benutzt habe, und bootstrap 5 noch nicht draußen war. jetzt gibt es andere kalssen namen und andere html strukturen

[@_blindness8555]

@@VitalijMik und wie kann man dass umgehen bzw. So abändern, dass es mit Bootstrap 5 geht

[@dont_care187]

Haha ich höre russisch😂😂

[@VitalijMik]

Ein wenig 😁

[@TutTut666]

Checkeeeee garnichts es alles anders bei mir😡🤬🤬🤬🤬🤬

[@VitalijMik]

Es ist ein Unterschied zwischen Programmieranfängern und die, die noch nie programmiert haben. Ich rate dir errst die Grundlagen von PHP zu lernen weil es wird nur noch schwierieger und schwieriger im Tutorial. Weißt du was eine Variable, Konstante, Array, Funktion ist? Wenn nein wird das Tutorial nur noch schwieriger für dich

[@timmeichholz]

by mir geht das nicht

[@VitalijMik]

Dann machst du was falsch ;) ne scherz, was genau geht denn nicht?

[@Wassermagie]

@@VitalijMik Ich habe auch ein problem der code wird nicht eingefärbt

[@Wassermagie]

Sowie geht auch der bootstrap downlaod buttun nicht @@VitalijMik

[@VitalijMik]

@@Wassermagie was wird nicht eingefärbt? kannst es genauer erläutern?

[@Wassermagie]

also wenn man php eingibt@@VitalijMik

[@maximiliankolbl3777]

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 Max Willkommen

[@VitalijMik]

Du hast ein Fehler bei der Base url schaue genau nach was ich da mache

[@maximiliankolbl3777]

@@VitalijMik ok danke, da war auch ein Fehler! Bootstrap geht jetzt mit dieser Zeile vollständig:

[@VitalijMik]

man sollte so etwas nicht verwenden, denn du lädst quasi den Inhalt von einer externen Seite, somit sendest du die Daten deiner Besucher direkt weiter zu stackpath. Du musst dieses dann auf jeden fall im Impressum angeben dass die Daten deiner Besucher weitergereicht werden. Deshalb habe ich alles heruntergeladen

[@maximiliankolbl3777]

Ja leider funktioniert die heruntergeladene Version nicht zu 100%

[@VitalijMik]

Bei mir schon

[@timobu4991]

Kostet Bootstrap?

[@VitalijMik]

Nein sonst würde ich es nicht nutzen. Ich nutze ungern Kostenpflichtige Produkte für solche "Kurse"

[@activetutorial]

*Atom ist ein blöder Editor er muss bei jedem Start neu installieren und das dauert 2 Sunden!!*

[@VitalijMik]

Versuch es mit visual studio Code.

[@activetutorial]

@@VitalijMik ok ich probiere...

[@activetutorial]

Ok, jetzt geht Atom plötzlich wieder obwohl ich es nicht nochmal installiert habe, wie auch immer mit virsual studio hab' ich schon mal gearbeitet und es funktioniert gut.

[@VitalijMik]

@@activetutorial in späteren Episoden habe ich eh zu VSC gewechselt ;)

[@FlyDaniHD]

hallo wolte frAGEN OB DU MIR BEI MEINER WEBSEITE HELFEN KANNST würde natürlich auch geld geben

[@VitalijMik]

Sorry nein

[@FlyDaniHD]

@@VitalijMik oke kennst du dich aus wie es mit givekarten is wen man verkauft wie des mit den codes geht

[@VitalijMik]

@@FlyDaniHD installiere dir ein fertiges Shop wie etwa Wordpress mit woocomerce da gibt's bestimmt ein Plugin für Gutscheine. Musst dir nicht den Kopf über sowas zerbrechen wenn es schon fertig gibt

[@FlyDaniHD]

@@VitalijMik okay danke dir