Bootstrap 5 Template für persönlivhe Seite?

Moin!

Ich würd gern langsam an einer persönlivhen Website arbeiten. Im Frontend liegt jedoch nicht gerade meine Stärke.

Die Seite würd ich gern im Backend mit dem PHP Framework Laravel umsetzen, also Laravel 10 :)

Hat da jemand Empfehlungen für mich? Danke!

Ansonsten muss ich's wohl oder übel selbst machen :p

2 Antworten

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Webseite, PHP, Webdesign

19.01.2024, 08:01

Zum einen gibt es mehrere Webseiten, auf denen du vorgefertigte HTML-Templates zu Portfolios, u.ä. finden kannst.

Beispiele:

Weitere solcher Seiten findest du über eine Suchmaschine mit Keywords wie html template portfolio. Diese müsstest du lediglich zu Blade Templates umformen, damit du deine konkreten Inhalte dynamisch einfügen kannst.

Alternativ könntest du auf Frameworks zurückgreifen, die ein komplettes Designkonzept vordefinieren (z.B. Ant, Materialize oder Flat Remix) bzw. vorgefertigte Komponenten anbieten (z.B. Bootstrap, UIKit).

Mirko Marek

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Mediengestalter Digital und Print

21.01.2024, 14:02

Ja, ich würde dir abraten Bootstrap zu verwenden und das aus folgenden Gründen:

Du wirst alleine ohne Team deine Seite erstellen und damit den Vorteil zu haben gleiche CSS-Klassen zu verwenden. Bootstrap macht die Performance schlechter als auch ein höheren Traffic aus. Ein Zeitvorteil hast du leider auch nicht, da du viele div-Elemente auf deiner Seite verschachteln musst und damit viel mehr Code tippst. Bootstrap ist dafür bekannt viel Overhead zu produzieren.

Meine persönliche Empfehlung ist es reinen CSS-Code zu verwenden. Damit sparst du dir Zeit und Nerven.

Woher ich das weiß:Berufserfahrung – Ich bin gelernter Mediengestalter Digital und Print(IHK)

xxxbernxxx

02.02.2024, 19:07

Reinen CSS Code selbst zu schreiben, statt Tailwind oder Bootstrap zu nutzen ist dann auch eher eine der dümmsten Antworten, die man geben kann

Mirko Marek

04.02.2024, 18:26

@xxxbernxxx

Wenn man keine Ahnung hat, sollte man irgendwelche Kommentare lassen. CSS-Frameworks bringen viele Nachteile mit sich, die es zu beachten gibt. Alleine die vielen verschachtelten div-Elemente führen zu Overload, was die Performance und auch den Traffic beeinflussen kann. Reines CSS lässt sich für solche übersichtlichen Projekte besser verwenden. Es geht hier um Best Pratice. Zudem wird durch die überpropotionale Nutzung von Klassen in den einzelnen Elementen mehr oder weniger der CSS-Code auf CSS verlagert. Eine eigene CSS-Klasse für ein HTML-Element das du selber schreiben würdest, kannst du auch wie bei Bootstrap wiederverwenden für mehrere Elemente, aber kannst in den eigenen Klassen alles zusammen fassen was in Bootstrap nicht geht. Damit spart man sich Zeit und Nerven. Gerne darfst du erkären warum meine Antwort die Dümmste sein sollte xxxbernxxx.

Ähnliche Beiträge

Framework für laravel?

Hallo.

Erstmal ich kann noch kein framwork und kenne mich in php und einigermaßen in js aus.

Weil ich gehört habe, dass laravel ein gutes framework ist ,möchte ich es lernen.

Jetzt die Frage welches framwork am besten für das frontend in laravel ist?
Ich würde als erstes das frontend framwork lernen und dann laravel, ist das eine gute Idee?

Bitte auch mit Begründung.

Danke im voraus

Ps.: Ich nutze immer SCSS, bitte berücksichtigen.

...zum Beitrag

Welches CSS Framework und welches Planungstool sollte ich nutzen?

Hallo,

bisher habe ich jede Idee und jedes Projekt von Null an selbst programmiert und CSS geschrieben.

Um mich zukünftig mehr auf JS und React konzentrieren zu können und auch Ideen schneller umsetzen zu können, möchte ich vorgefertigte HTML/CSS Komponenten verwenden.

Zudem möchte ich dieses Framework auch in Figma nutzen können, um die Idee besser planen zu können.

Welches CSS Framework würdet ihr empfehlen und warum? Es sollte ein modernes Design haben (Bootstrap fällt daher für mich raus). Eine große Auswahl an Komponenten haben, welche man einfach kombinieren und anpassen kann. Die Lizenz sollte auch für kommerzielle Projekte gelten und möglichst kostenlos sein. Tailwind ist kostenpflichtig oder?
Welches Tool könnt ihr noch empfehlen, um eine App/PWA zu skizzieren und zu planen?

Gruß ebody

...zum Beitrag

React Fullstack mit welchem Backend?

Ich wollte NextJS lernen Fullstack React Framework aber ich stelle mir die Frage, mit was genau man das Ganze verwendet. In fast jedem YouTube-Video wird "Prisma" (davor noch nie gehört) mit einer anderen Datenbank genutzt, was das alles noch schwieriger macht.

Es gibt PostgreSQL, MongoDB, SQLite, usw..

Ich kenne normales SQL in Kombination mit PHP, aber die neuen modernen Sachen kenne ich nicht.

React und PHP harmonieren nicht so gut, es gibt auch wenig Online-Ressourcen und ich sehe da keine Zukunft für Stellenausschreibungen, weshalb ich diese Kombination gar nicht mehr nutzen will und backendseitig lieber von neu anfangen möchte. NextJS wäre bequem, da ich keine Router brauche, SSR habe, TS + Tailwind-Support.

Kann mir ein Fullstack-Entwickler von euch eine Roadmap empfehlen?

NextJS mit was als Datenbank, MERN-Stack vielleicht oder irgendwas anderes?

Ich bin bereit in Zukunft mehr zu lernen, aber erstmal einen Allrounder, in dem ich mein Wissen vertiefen kann.

...zum Beitrag

Wie kann ich vue components in meine html Seite einfügen?

Hallöchen,

ich arbeite grade an einem Service welcher Django als Backend verwendet und Vue js als frontend. Ich möchte allerdings vue nicht als ganzes verwenden sondern vue selbst in den Django Templates verwenden. Das funktioniert auch wunderbar, allerdings möchte ich auch third party components verwenden die mit npm runterzuladen sind. Wie kann ich diese dann in meiner html page verwenden?

...zum Beitrag

Dynamic webpage ohne php oder framework?

Guten Abend!

Ich versuch aktuell auf einer webpage einen Wert alle paar sekunden aktualisieren zu lassen, finde allerdings nur lösungen mit php oder frameworks, was in meinem fall allerdings nicht möglich ist. Gäbe es eine Lösung die nur mit js funktioniert? Im backend benutz ich einen Flask webserver.

...zum Beitrag

IntelliJ Projekt mit Frontend und Backend erstellen?

Hi,

ich habe vor ein neues Projekt zu starten und zwar eine Webanwendung mit Backend welche die DB Anfragen etc. macht.

Ich möchte als Frontend gerne Angular und als Backend das Spring Framework (Java) hernehmen.

Meine Frage ist jetzt, wie kann ich das Projekt in IntelliJ erstellten? Ich finde nur entweder Angular oder Spring aber kann nicht beides in ein Projekt packen.
Muss ich das händisch nachtragen, wenn ja wie?

Ich hoffe es ist verständlich was ich meine

Viele Grüße

...zum Beitrag

Welches Backend + Hosting für kleine Webseiten?

Ich möchte eine Webseite für ein kleines Unternehmen erstellen.

Sie wird ziemlich Frontend-lastig sein bis auf ein zwei Besonderheiten:

Ein Kontakt-Formular, bei dem man eine Nachricht eingeben kann, die dem Unternehmer dann automatisch per Email zugesandt wird
Ein Blog, bei dem der Unternehmer selbst Posts (bestehend aus Text & Bildern) erstellen kann, in einer Art Admin-Panel mit WYSIWYG-Editor, und diese direkt oder zu einem bestimmten Zeitpunkt automatisch veröffentlichen kann

Beim Frontend fällt die Technologie-Auswahl noch relativ leicht, TypeScript und ein gängiges Framework wie z.B. React.
Als Datenbank würde ich MySQL oder PostgreSQL verwenden.

Beim Backend weiß ich nun aber nicht weiter.

Welches Framework würde sich für eine Webseite dieser Größe am besten anbieten?
Es sollte beim Hosting billig sein (z.B. durch niedrigen RAM-Verbrauch), der Code sollte einfach und schnell zu schreiben sein, und es sollte die oben genannten Features möglichst einfach ermöglichen.

Express, Next.js, Laravel, Django, Flask, ASP.Net, Spring, ... ?
Was würdet ihr nehmen und warum?

Und zum Hosting, muss ich die Webseite auf einem vServer hosten, oder reicht auch ein Webspace?

...zum Beitrag

Website Programmierung Frontend - Backend Programmiersprache

Hallo alle zusammen,

mich interessiert neuerdings im Bereich der Programmierung das Thema: Welche Programmiersprache für eine dynamische Website? Wenn ich zum Beispiel ein Forum auf einer Website entwickeln möchte, oder NOCH größere Programme, dann interessiert es mich, was man da für Sprachen benutzten könnte.

Außerdem habe ich mitbekommenm, das bei vielen größeren online-Diensten ein Unterschied der Programmierung beim frontend und beim backend besteht. Zum Beispiel habe ich von der Kobination:

Zur Ausgabe der Daten auf der Website(Frontend) --> Phyton Zur Programmierung im Hintergrund(Backend) --> C++

gelesen. Jetzt frage ich mich dazu wiegesagt, welche Programmiersprache für Frontend, und welche für das Backend gut geeignet ist, ich habe mich ein bisschen umgeschaut, und bin zu mehreren Sprachen für das jeweilige End gekommen:

Frontend: -PHP -Phyton -ASP

Backend: -C -C++ -Java

Ihr könnt ja mal ein paar Vorschläge mit euren Meinungen schicken, welche Sprachen in welchen Kombinationen man für größere Website-Projekte gebrauchen kann. Auch wichtig wäre mir, was ich mich auch schon öfters gefragt habe, warum überhaupt eine Programmiersprachen-Unterscheidung zwischen Front- und Backend herrschen muss. Darüber bin ich mir auch noch nicht ganz im Klaren.

Also, ich bitte bitte bitte euch um eure Unterstützung für die Beantwortung meiner Fragen, weil es mir wirklich TOTAL wichtig wäre. Und es mir wirklich interessieren würde.

Ich danke euch allen schonmal im Voraus,

mit vielen Grüßen Ichfragewas

...zum Beitrag

Welche Programmiersprache für Backend (Web)?

An alle Programmierer,

welche Programmiersprache verwendet ihr im Backend und welche würdet ihr empfehlen?

Ich weis das ist eine sehr diskutierte Frage, aber was würdet ihr empfehlen, um in Deutschland einen Job zu bekommen?

Wenn man mal auf YouTube schaut, sagen die meisten Java - nein, C# (.Net) - veraltet (sind aber auch amerikanische YouTuber, da läuft es gefühlt anders).

Die Empfehlung ist: nimm Python (Django oder Flask), Ruby, GO, etc. (eben die neuen Sprachen).

Vergleicht man das allerdings mit den aktuellen Job Angeboten z.B. Stepstone dann gibt es aktuell 14 Jobangebote in Deutschland für Django, also für mich ein klares nein diese Sprache weiter zu lernen (genau so für alle anderen Sprachen)...

Gefordert werden Java oder C# (oder auch PHP, aber die Firmen setzten dann meistens auf WordPress), das sind allerdings auch die Sprachen, die keiner aktuell empfiehlt, daher bin ich da im Zwiespalt.

Aktuell verwende ich im Backend Django mit AWS, Ubuntu 22.04, NGINX und Gunicorn. Allerdings verwendet keiner in Deutschland Django, daher mal die Frage: Was macht denn eigentlich wirklich Sinn zu lernen, was auch viele Unternehmen verwenden?

Denn laut den Jobangeboten ist Java an erster Stelle und dann kommt C# an zweiter Stelle, für alle weiteren gibt es dann kaum Angebote.

Mit Frontend Frameworks ist das ja ein ähnliches Problem, es gibt gefühlt wöchentlich neuen Frameworks, aber bei Bewerbungen werden Angular (die meisten Job Angebote), dann React.js, dann Vue.js gefordert. Über allen anderen Frameworks brauchen wir nicht reden, da gibt es so gut wie keine Angebote.

...zum Beitrag

sendgrid template custom button url?

Hallo ich will eine Verifizierungs email machen in php aber der Button in der email soll die url annehmen die ich im skript festlege wie mache ich das?

ich hab im template bei url {{url}} eingetragen
lg

            $emailContent = [
                'personalizations' => [
                    [
                        'to' => [
                            [
                                'email' => $email
                            ]
                        ],
                        'dynamic_template_data' => [
                            'name' => $username
           //hier wird es rot angestrichen                 'url' => 'https://meinedomain.de/backend/EmailVerification.php?token=' . $token
                        ]
                    ]
                ],
                'from' => [
                    'email' => "no-reply@cavemanodysseyserver.de",
                    'name' => "Cavemanodyssey"
                ],
                'template_id' => $templateId
            ];

...zum Beitrag

Frontend und backend vermischen?

Hallo,

Ich arbeite zurzeit an einer Website.

Ich erstelle das frontend (html, css, js) und dass backend (php) selbst.

Ich will die mvc Struktur einbauen aber frage mich, wie ich dass genau machen soll.

Ich habe mir überlegt, das front und backend für jede unterseite einzeln zu machen, also zu mischen. Also habe ich für eine unterseite quasi die ordner frontend und backend ( backend mit model, view hnd Controller )

Ist dass sinnvoll?

...zum Beitrag

Frontend Entwickler Werkstudent Fragen?

Mir macht das programmieren von Websites spaß. Ich studiere gerade Medieninformatik und will mehr in die Web-Entwicklung mich vertiefen. und später fullstack arbeiten sprich frontend und backend.

Was verdient ein Frontend Enwickler, Was verdient ein Backend Enwickler? Bekommt man dann zb weniger Gehalt als ein zb. Softwareentwickler?
Ich lerne gerade noch viel mit html css und javascript zu programmieren. Hab noch nie mit Framworks gearbeitet und kenne mich da auch noch nicht so gut aus. Kann mir wer darüber was sagen was frameworks sind und wozu man diese braucht?
will als Werkstudent Frontend-Entwickler mich bewerben. Kann mir, darüber jemand erzählen, was man so für aufgaben bekommt? reicht es fürs erste wenn ich mich auf html css und javascript fokussiere? Was sollte ich noch lernen wenn ich als Werkstudent arbeiten will?

sind vllt viele Fragen, aber ich wäre sehr dankbar über eine Anwort=).

...zum Beitrag

JSON von JavaScript-Frontend an Rust-Backend schicken und lesen/speichern?

Genau das was im Titel steht muss umgesetzt werden, aber keine Ahnung wie und ich finde keine nützlichen Informationen dazu, deswegen hoffe ich, dass mir hier jemand helfen kann!

Bisher werden im Frontend Arrays (die Benutzerinformationen enthalten usw.) als JSON zur Local Stroage des Browsers geschickt, um die Informationen dort speichern und wieder lesen zu können; klappt auch ganz gut soweit.

Nun lautet die Aufgabe, die JSON nicht in die Local Storage zu schicken, sondern an ein Backend, das auf der Programmiersprache "Rust" läuft, welches im Prinzip die genau gleichen Aufgaben erfüllen soll wie die Local Storage: Daten empfangen, speichern und wieder schicken können (die andere Option wäre eine Datenbank erstellen und diese mit Rust pflegen, davon habe ich allerdings noch weniger Ahnung).

Klingt im Prinzip ganz simpel, allerdings habe ich sowohl mit Rust als auch mit Backends nicht sonderlich viel Erfahrung, deswegen hänge ich an diesen Schritt fest und komme nicht weiter. Dazu habe ich stand jetzt nichts umsetzen können.

Hat hier denn jemand evtl. Tipps? Ich bin nämlich ein bisschen am Verzweifeln und der Abgabetag dieses Projekts rückt immer näher. 😅

...zum Beitrag

Python oder PHP Framework für die Webentwicklung?

Ich habe jemanden der behauptet, dass Django das gleiche kann wie PHP Frameworks. Stimmt das? In der Webentwicklung nutzt für das Backend doch gefühlt jeder PHP.

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen