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 Fragen

Nächste Schritte für Full Stack dev?

Hallo,

Ich bin auf der Suche nach einem genauen Weg oder Schritte die ich gehen kann nachdem ich mein ersten Full Stack Projekt mit Python Flask ( Backend) und Frontend ( plain HTML, CSS und JS) und Database mit MySQL fertig gecodet habe.

Was genau kann ich jetzt machen um weiter zu kommen. Mein Ziel ist es fähig zu sein komplette professionelle Websiten erstellen zu können die Industrie fähig sind, d.h. Für Firmen, restaurants etc. Oder halt einen job als Full Stack dev zu bekommen.

sollte ich anfangen ein CSS framework lernen, wie bootstrap oder tailwind, oder ist das nur für designer , pur Frontend devs wichtig.
Oder lieber Backend frameworks wie Node.js, oder frontend JS frameworks wir zb react.

Ich weiß einfach nicht genau wo ich weiter machen soll nachdem ich alle Grundlagen berherrsche.

...zur Frage

Welchen Techstack nutzt ihr als Web Developer im Beruf?

und was Techstack ihr. Front end backend fullstack ?

Angular Typescript node js mongo bootstrap oder sowas.
React js java scss
Vue js less php

Was für wichtige libraries nutzt ihr.

Und wenn es für euch ok ist, wo arbeitet ihr genau/ungefähr / welche branche.

Und wie lange/ welche position

Arbeitet ihr fest bei zb Meta oder Freiberuflich

(Kriegt ihr regelmässig aufträge von unternehmen oder kleinere durch fiverr)

...zur Frage

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

...zur Frage

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?

...zur Frage

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

...zur Frage

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

...zur Frage

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.

...zur Frage

Nur bestimmte elemente aktualisieren?

ich schreibe derzeit eine art livechat für eine website, das ganze ist in einem php framework (laravel)

jetzt haben wir das problem das sich die seite nur komplett reloadedd oder wenn man etwas schreibt und sendet. wie kann ich machen das sich nur die div mit dem chat verlauf in einem 10 sec intervall aktualisiert sodass man nicht die ganze seite reloaden muss um die antwort zu laden

...zur Frage

Sind alle backend programmier Sprachen im Grunde das Gleiche?

Eine Sprache kann hier bisschen mehr, der Andere da bisschen mehr... Vorteile/Nachteile ja, aber sind diese Sprachen im Grunde miteinander verwandt?

PHP ist ja zum Beispiel nur Backend. Javascript ist Backend und Frontend...

Also kann man sagen, dass javascript alles kann was PHP kann, aber darüber hinaus auch noch bisschen mehr oder?

...zur Frage

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. 😅

...zur Frage

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.

...zur Frage

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
            ];

...zur Frage

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.

...zur Frage

Es wird immer eine invokable Methode erwartet - laravel?

Moin, wie schafft man es, dass nicht immer eine invokalbe Methode verlangt wird, obwohl ich diese nicht nutzen will?

   UnexpectedValueException 


  Invalid route action: [App\Http\Controllers\LoginController].


  at vendor\laravel\framework\src\Illuminate\Routing\RouteAction.php:92
     88▕      */
     89▕     protected static function makeInvokable($action)
     90▕     {
     91▕         if (! method_exists($action, '__invoke')) {
  ➜  92▕             throw new UnexpectedValueException("Invalid route action: [{$action}].");
     93▕         }
     94▕
     95▕         return $action.'@__invoke';
     96▕     }


  i   `App\Http\Controllers\LoginController` is not invokable: The controller class `App\Http\Controllers\LoginController` is not invokable. Did you forget to add the `__invoke` method or is the controller's method missing in your routes file?


  1   vendor\laravel\framework\src\Illuminate\Routing\RouteAction.php:47
      Illuminate\Routing\RouteAction::makeInvokable("App\Http\Controllers\LoginController")


  2   vendor\laravel\framework\src\Illuminate\Routing\Route.php:191
      Illuminate\Routing\RouteAction::parse("login", ["App\Http\Controllers\LoginController", "App\Http\Controllers\LoginController"])

Hier ist mein heruntergebrochener Code:

Web.php

use App\Http\Controllers\HomeController;
use App\Http\Controllers\LoginController;
use App\Http\Controllers\RegisterController;
use Illuminate\Support\Facades\Route;



Route::get('/', HomeController::class, 'home')->name('home');
Route::get('/login', LoginController::class, 'login')->name('login');
Route::get('/register', RegisterController::class, 'register')->name('register');

Controller

<?php


namespace App\Http\Controllers;


use Illuminate\Http\Request;


class LoginController extends Controller
{
    public function login(){
        return view('home');
    }
}

Die andern sehen identisch aus

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen