Typically, a web application consists of several parts. There is the application itself, a server on which it is hosted, a database and much more.

First, we need to clearly specify the terminology:

The frontend is the part of an application that can be seen and used by a (usually human) user with any role. It contains pages, buttons, forms, controls, etc.

When it comes to the backend, things get trickier. Many people often refer to the administration interface of an application as the "backend". However, this is not meant in this context. In programming, the backend is the part of the application that, for example, handles data storage and manipulation, performs internal tasks, communicates with interfaces, and generally represents the interface to the front end.

There are frontend and backend frameworks. There are data frameworks, test frameworks and quite a few more. As a rule, a framework takes over a number of basic functions that are frequently reused, sets uniform standards and supports the developer in clean and secure development.

In the example of frontend frameworks, these can be buttons, forms or layout functions, for example. By adhering to standards and defining variables, applications can be better maintained and developed faster.

In addition, frontend frameworks standardize the display in different browsers in devices.

By the way, there are not only browser frontend frameworks. There are also those that specialize in emails or print layouts.

JavaScript Frameworks (React, VueJS, Angular) vs. CSS Frameworks (Bootstrap, Tailwind)

The above-mentioned terms crop up again and again in modern application development. Basically, a distinction can be made between JavaScript and pure CSS frameworks.

- "Reactive", content can change dynamically, e.g. after communication with the server.

- Provides possibilities for data storage, data mutation, data manipulation

- Sufficient for classic multi-page applications (https://medium.com/@NeotericEU/single-page-application-vs-multiple-page-application-2591588efe58)

- Faster development due to existing elements and components (e.g. buttons, form elements)

- Consistent and secure development throughout the application

- Same appearance in different browsers and devices

- For JS frameworks: Fast and cost-effective development of responsive frontends

- Depending on the framework used: updates, additions and community

- Depending on the framework used, longer loading time

Yes and no! Often components and elements are presented on the web pages of the framework manufacturer in such a way that the impression is created that one only has to "click together" the individual elements and would already be at the goal. Here caution is necessary: A Framework represents only a tool for developers, approximately like a tool suit-case for the craftsman. Although some things are made easier, they can also have harmful consequences if used incorrectly.

Even without the use of frameworks, practically one framework is used: That, of the browser. The browser already displays elements on the screen in a special way without additional instructions. E.g. form elements or buttons.

However, the use of a frontend framework is strongly recommended in any case.

What is a front-end framework?

Was ist ein Frontend-Framework?

Vor über 10 Jahren, als ich anfing, Webentwickler zu werden, bin ich irgendwie den damals üblichen Weg gegangen: HTML und CSS lernen, hier und da etwas PHP ausprobieren - und natürlich MySQL. Das war, wenn man nicht gerade Java oder ASP.NET verwendete, der damalige Technologie-Stack. Egal, ob man einen Blog, ein Bulletin Board oder einen Bilderhoster hosten wollte - man brauchte diese Dinge mehr als oft: Linux, Apache, MySQL und PHP.

Ein Web-Stack ist immer eine Sammlung, ein Bündel von Software oder Technologien, die eine Webanwendung bilden. Die Auswahl ist heute groß, und die Vor- und Nachteile sind dem Entscheider ständig unbekannt.

Die Auswahl des richtigen Web-Stacks für Ihr Unternehmen

Es ist kein Geheimnis: Die Auswahl eines Web-Stacks kann ein enormer Faktor sein - und über Erfolg oder Misserfolg Ihres Projekts entscheiden. Besonders kleine Unternehmen und Startups haben mit der Auswahl zu kämpfen, was Budget und Nachhaltigkeit angeht. Heute gebe ich Ihnen einen Überblick über die aktuell beliebtesten Open-Source-Web-Stacks und konzentriere mich dabei auf die beiden bekanntesten Lösungen: LAMP und MEAN. Anschließend werde ich diese Stacks gegeneinander vergleichen.

Als ältester Stack ist LAMP eine gute Alternative zu Closed-Source-Stacks.

Es bietet definitiv eine starke Plattform für die Entwicklung und das Hosting von performanten, großen Webanwendungen. Mit der größten und ältesten Community, zahllosen Bibliotheken und Tools bekommt man einen tollen Support und wird wahrscheinlich auch in den nächsten Jahren leicht Entwickler finden.

LAMP ist so etwas wie der Dinosaurier der Webentwicklung, wird von Hunderttausenden von Unternehmen eingesetzt und daher sehr gut gepflegt und unterstützt. Mit endlosen Modulen, Bibliotheken und Add-ons können Sie es sicherlich an die Bedürfnisse Ihres Unternehmens anpassen.

Da er auf Linux basiert, haben Sie alle Freiheiten, und Sie werden in der großen Community sicherlich Hilfe für jedes Thema finden. Ich würde Ihnen auch empfehlen, sich tiefer in das Thema Datenbank (SQL vs. NoSQL) einzulesen, um Ihre Wahl zu treffen. Dennoch ist MySQL eine sehr zuverlässige und skalierbare Lösung. PHP in der Version 7, das auch von einer erwachsenen und großen Community unterstützt wird, ist sehr schnell und integriert sich sehr gut mit dem Rest des Stacks. Im Vergleich zu MEAN können Sie den Server kontrollieren und entscheiden, welche Versionen und Software Sie installieren, Sie sind nicht vom Browser des Clients abhängig. Sicherlich am besten, wenn Sie viele serverseitige Aufgaben haben. Aus personeller Sicht ist es sicherlich möglich, genügend Entwickler zu finden, aber ...

Weil es so einfach zu erlernen ist, gibt es eine Menge Entwickler, die sich nicht an Best Practices halten oder Spaghetti-Code bauen. Mit PHP anzufangen ist einfach, aber es zu beherrschen ist schwer. Das gilt auch für die Sicherheit in diesen PHP-Apps. Manche würden es auch als Skriptsprache statt als echte Programmiersprache bezeichnen, weil es nicht stark typisiert und nicht vorkompiliert ist. Ich würde auch empfehlen, tiefer in die Vor- und Nachteile von PHP, Python oder Perl einzutauchen. 

Was MySQL betrifft, so werden auch andere Optionen immer ausgereifter. NoSQL-Datenbanken wie Redis sind bei Unternehmenssoftware-Lösungen beliebt. Außerdem gewinnen reine JavaScript-Stacks wie MEAN jedes Jahr mehr an Zugkraft und neue Entwickler sind vielleicht nicht daran interessiert, alle LAMPs zu lernen.

Der MEAN-Stack ist, verglichen mit LAMP, ein relativ neuer Stack. Einer der größten Unterschiede ist, dass MEAN nicht von einem bestimmten Betriebssystem abhängig ist - Node.js kümmert sich um die serverseitige Ausführung.

MongoDB ist eine beliebte und flexible dokumentenbasierte NoSQL-Datenbank, im Gegensatz zum relationalen Datenbanksystem von MySQL. Angular hilft bei der Erstellung progressiver und moderner Web-Apps.

Der MEAN Stack ist besonders für JavaScript-Enthusiasten zu empfehlen - da er auf allen Ebenen nur JavaScript verwendet. Diese Tatsache macht ihn auch bei neuen Entwicklern beliebt.

Die Verwendung von JavaScript als primäre Programmiersprache ist natürlich ein großer Vorteil. Alles kann schnell eingerichtet und in JS erledigt werden, was es viel einfacher macht, Entwickler zu finden, und LAMP-Entwickler kennen typischerweise auch JavaScript. MongoDB ist sehr beliebt für seine einfache schemalose Datenpersistenz und definitiv schneller als MySQL, wenn man viele Leseanfragen hat. Die Tatsache, dass Angular von Google gewartet wird, ist ebenfalls ein großes Plus. Es erhält ständig neue Versionen und Funktionen. Ein weiterer großer Vorteil ist die Möglichkeit, auf einfache Weise mobile oder Desktop-Apps zu bauen, zum Beispiel mit Ionic. Code und Komponenten können leicht wiederverwendet oder hinzugefügt werden.

Hype! Wie bei allen neuen Technologien entsteht durch den Glanz und Glamour von MEAN ein riesiger Hype und viele Entwickler fallen auf diesen Hype herein und bauen ihre Apps in JavaScript, nur weil es gerade im Trend ist. Viele dieser Bibliotheken und Frameworks sind recht neu, und neue Versionen werden schnell veröffentlicht, so dass die Wartung Ihrer App manchmal zu einem ziemlichen Problem werden kann. Da viele Technologien nach ein paar Jahren wieder verschwinden, kann die Nachhaltigkeit in Frage gestellt werden. Es wird auch schwierig, diese Apps zu pflegen, wenn sie größer werden, eine saubere Codebasis zu erhalten und Best Practices zu befolgen. Außerdem muss man sich auf den Kunden und dessen verfügbare Technologien verlassen. Wenn Sie auf IE-Benutzer, Embedded-Systeme oder Low-End-PCs abzielen, könnte es wirklich schwierig werden.

Windows Server / IIS / Microsoft SQL Server / ASP.net

Nicht Open Source, aber alle Komponenten kommen direkt von Microsoft, so dass es nahtlos funktionieren sollte.

Ruby/Ruby on Rails/RVM (Ruby Virtual Machine) / SQLite

Verliert in der heutigen Zeit definitiv an Popularität, Ruby on Rails war einst ein oft genutztes Framework und damit der gesamte Stack. 

Von großen Unternehmen bevorzugt und von Indie-Entwicklern wegen seiner Komplexität gescheut, bietet Spring ein komplettes, in Java geschriebenes Full-Stack-Framework.

Das Django-Framework wird von zahllosen Python-Entwicklern geliebt, da es sehr leistungsfähig ist und oft als einfach zu erlernen bezeichnet wird.

Ich habe bereits ein paar Vor- und Nachteile von LAMP und MEAN erwähnt. 

Man sollte immer auf Basis harter Fakten entscheiden und sich nicht von einem Hype locken lassen. Es ist schwer, die Popularität von Stacks zu vergleichen, aber wir können Programmiersprachen vergleichen, um ein Gefühl zu bekommen.

Wie man deutlich sehen kann, ist die Popularität von JavaScript im Moment etwas höher als die von PHP. Ich würde Ihnen immer empfehlen, von Zeit zu Zeit die Entwicklungstrends mit dem Trend-Tool von Google zu überprüfen.

Also, wie wählt man den richtigen Stack aus?

Die Antwort ist: Es gibt keinen richtigen Stack. Es hängt immer von vielen Faktoren ab. 

Wenn Sie ein erfahrener Entwickler oder Projektverantwortlicher sind, könnten ein paar Fragen helfen, die Antwort zu finden:

Lassen Sie mich Ihnen ein Beispiel geben. Nehmen wir an, Sie besitzen bereits eine Website zum Auflisten von Gebrauchtwagen. Sie wurde vor einiger Zeit mit einem LAMP-Stack entwickelt. Aber Ihrer Website fehlt ein Back-End für Gebrauchtwagenhändler, in dem sie ihre Angebote auf Ihrer Website verwalten können. Abhängig von Ihrer Unternehmensgröße, Zeit und Geld, müssen Sie sich all diese Fragen stellen. Wenn Sie nur ein kleines Team haben, kann es sinnvoll sein, Ihre bestehende Anwendung in der LAMP-Umgebung zu erweitern, da Ihre Entwickler das Ökosystem kennen und von vornherein viel schneller sein werden. Wenn Sie etwas Zeit und Ressourcen zur Verfügung haben, könnten Sie auch einen anderen Ansatz wählen und Ihre bestehende LAMP-Anwendung um eine API erweitern. Danach könnte sich Ihr Team darauf konzentrieren, eine kleine, eigenständige (M)EAN-Anwendung zu entwickeln, die leicht gewartet und verbessert werden kann und deren neue Funktionen in einem viel schnelleren Zyklus veröffentlicht werden. Diese App wird dann auf Ihre API zugreifen. Langfristig würden Sie auf jeden Fall von diesem neuen Back-End profitieren, und Sie könnten es um weitere APIs erweitern oder sogar eines Tages Ihre LAMP-App ersetzen, ohne sich zu sehr um Ihre MEAN-App kümmern zu müssen. Und da Sie jetzt eine API haben, könnten Sie genauso gut eine mobile App entwickeln, die diese ergänzt und einen Teil Ihres JavaScript-Codes wiederverwenden.

Ein anderes Beispiel: Sie wollen eine Newsletter-Plattform bauen, auf der sich Leute anmelden, Mailinglisten hochladen, Mailings zusammenstellen können und so weiter. Sie könnten natürlich MEAN verwenden, aber Sie haben die große Skala und den großen Traffic im Sinn. Vielleicht wäre es sinnvoller, einen LAMP-Stack als Grundlage zu verwenden, da Linux, MySQL und Apache eine sehr stabile, skalierbare Umgebung mit viel Community-Support für jedes denkbare Problem bieten. Sie werden auch viele serverseitige Aufgaben und Cronjobs haben und auf Mailing-Themen wie SMTP und so weiter stoßen. Ich würde in diesem Fall ernsthaft eine Linux-Umgebung empfehlen, die an Ihre Bedürfnisse angepasst ist.

Wenn Sie Entwickler werden wollen und neu in der Programmierung und Webentwicklung sind, sollten Sie überlegen:

Eine großartige Quelle, um Antworten zu JavaScript-Technologien zu finden, ist das SateOfJS-Projekt - https://stateofjs.com/.

Es ist ein großartiges Projekt, das jedes Jahr eine Umfrage durchführt und Tausende von Entwicklern nach ihrer Meinung zu aktuellen Technologien und auch nach ihrem Gehalt befragt.

So wählen Sie den richtigen Web Stack

If you frequently load data from Stripe in your application, for example to retrieve metadata from subscriptions, you can use the built-in Symfony cache to achieve a significant speedup:

<?php
use Symfony\Contracts\Cache\CacheInterface;
use Symfony\Contracts\Cache\ItemInterface;
use Stripe\Customer;
use App\Entity\User;
//...

public function getStripeDataForUser(User $user, CacheInterface $cache)
{
    return $cache->get('stripedata-' . $user->getId(), function (ItemInterface $item) use ($user) {
        $item->expiresAfter(1800);

        try {
            $data = Customer::retrieve($user->getCustomerId());
            
            // ...
            
            return $data;
        } catch (\Exception $e) {
            // ...
        }
    }
}

This way you don't have to send a request to the Stripe API every time and your application will run much faster.

Stripe & Symfony: Performance verbessern (Cache)

Kosten für die Digitalisierung können einmalig in Höhe von bis zu 20.000 EUR mit 90 Prozent bezuschusst werden.

Die Überbrückungshife III kann von Unternehmen, Soloselbstständige, Freiberufler sowie gemeinnützige Unternehmen und Organisationen aus allen Branchen angefordert werden. 

: Corona-bedingte Umsatzeinbrüche von mindestens 30 Prozent im Vergleich 

, für den der Fixkostenzuschuss beantragt wird.

Bundesministerium für Wirtschaft und Energie (

https://www.ueberbrueckungshilfe-unternehmen.de/UBH/Redaktion/DE/Artikel/ueberbrueckungshilfe-iii.html

Alle weiteren Informationen finden Sie auf der 

Website des Bundesministeriums für Wirtschaft und Energie

Eine gute Chance für Betriebe, bei der Digitalisierung aufzuholen

Wir helfen Ihnen, Ihren Betrieb in der Digitalisierung voran zu trieben. 

Denkbar sind neben Online-Shops auch  Lösungen für Tischreservierungen, Stundenpläne oder digitale Check-Ins für Hotels.

Wir haben bereits viele Projekte in diesen Branchen durchgeführt. Sprechen Sie uns an, wir beraten Sie und entwickeln gerne Ihre individuelle Lösung.

Überbrückungshilfe III (3) für die Digitalisierung nutzen

Redirecting to another URL with PHP is very simply with the built in 

header("Location: http://example.org");  

Important: You cannot send any output prior to calling the method.

PHP header redirect

PHP Header Weiterleitung

Die Lösung: Mit modernen Service-Dienstleistungen den Kunden alternativen zu bieten, in den Genuss der eigenen Produkte zu kommen. Ein Web-Portal ist dafür wie geschaffen. Durch ein Web-Portal wird es möglich, dem Kunden kompakt und intuitiv ein Produkt oder eine Dienstleistung näher zu bringen. Aktuelles Beispiel: Click & Collect- Bestellungen der großen Einzelhandelsketten.

Ein Web-Portal ist ein meist personalisierter Internet-Zugang für Kunden, über den Inhalte von einem Unternehmen auffindbar gemacht oder angeboten werden können. Zu Anfangszeiten des Internets wurden Web-Portale meistens benutzt, um Informationen zusammenzutragen und Nutzern zur Verfügung zu stellen. Heute finden Web-Portale immer mehr Anwendung als Kundenbindungs-Werkzeuge, Serviceelemente und Instrumente, um das Unternehmenswachstum zu sichern.

Wenn ein Unternehmen über alternative Wege nachdenkt die eigenen Dienstleistungen anzubieten, dann ist ein Web-Portal die richtige Wahl. So könnte ein Lieferdienst über ein Web-Portal schnell und einfach realisiert werden, aber auch viele weitere Marktinstrumente lassen sich über ein Web-Portal realisieren.

Wie kann mein Unternehmen davon profitieren?

Das eigene Unternehmen erhält durch die Ausbreitung der Service-Palette einen deutlichen Wettbewerbsvorteil gegenüber den Konkurrenten desselben Marktbereichs. Stellen sie sich vor, sie würden gerne einen Anzug kaufen:

Welches der beiden Unternehmen, würden Sie bevorzugen? Sicherlich das Zweite, mit der (zugegeben noch etwas zukunftsorientierten) digitalen Anprobe. Diese Art von Web-Portal steigert nicht nur den direkten Umsatz, sondern auch die Kundenbindung, Kundenzufriedenheit und die Kundenakquise durch Mund-zu-Mund-Werbung.

Ein weiteres Beispiel für ein Web-Portal ist die Möglichkeit der Online-Terminbuchung bei ausgewählten Friseurunternehmen. Derzeit sind Friseurtermine sehr gefragt und die wenigsten möchten durch den frustrierenden Prozess am Telefon endlich einen Termin zu ergattern, nachdem man zunächst von vier Friseuren gesagt bekommen hat, dass es für die nächsten drei Wochen keinen freien Platz gibt. Hier heben sich die Friseure ab, die ihren Terminkalender online öffentlich machen und Kunden sich ganz einfach den nächsten freien Termin buchen können. Der Prozess ist einfach und unkompliziert und ergibt für den Friseur einen Wettbewerbsvorteil gegenüber den anderen.

Informieren sie sich noch heute bei einem persönlichen und kostenlosen Erstgespräch mit uns. Wir stellen ihnen Möglichkeiten und Wege vor, wie sie so schnell wie möglich ihre Marktposition stärken und Web-Portale optimal einsetzen können.

PS: Wussten Sie, dass Sie mit dem iPhone tatsächlich 

bereits jetzt die Größe einer Person messen 

Wie ein eigenes Web-Portal in Corona-Zeiten das Unternehmen vorantreiben kann

If you receive the following error while developing a NodeJS package

The solution could be to avoid adding this line to your 

Our latest blog articles

Stories

Tech