Projekt: Cloudminded
01.03.2020

Zurück

Beschreibung


Bei Cloud minded handelt es sich um einen Online Shop, hinter welchem ein Team steht, das durch die Frage "Wo ist die Wissenschaft, die Innovation & die Wirkung geblieben?" motiviert ist und den Drang verspürt hat, in der Industrie einmal richtig aufzuräumen. Die CLOUD MINDED®-Marke wurde mit dem Schwerpunkt auf Wissenschaft und völliger Vernachlässigung der üblichen Gewinnmargen geboren.

Die große Herausforderung bei diesem Webprojekt war die sehr individuelle Entwicklung vieler Widgets, ansprechender Slider, sowie das korrekte Konfigurieren und Platzieren von komplexen visuellen Effekten.



Projektlink

https://cloud-minded.de/

Technology


PHP

PHP (rekursives Akronym für PHP: Hypertext-Präprozessor) ist eine weit verbreitete Open-Source-Skriptsprache für allgemeine Zwecke, die besonders für die Webentwicklung geeignet ist und in HTML eingebettet werden kann. Was PHP von Clientseitigen Sprachen unterscheidet, ist, dass der Code auf einem Server ausgeführt wird. Ein Nutzer ist nicht in der Lage, die verwendeten Algorithmen oder andere Aspekte des Quellcodes zu inspizieren.

Ein großer Vorteil von PHP ist die Einfachheit der Sprache, welche schnell erlernt werden kann. Für erfahrene Entwickler bietet das PHP-Ökosystem eine Vielfalt an Funktionen und Möglichkeiten, komplexe und stabile Software zu entwickeln.

Nicht zu letzt sind die vielen auf PHP basierenden Anwedungen (Wordpress, Woocommerce, Shopware uvm.) ein Hauptgrund, die Sprache als Webentwickler zu beherrschen.

React.js

React ist eine JavaScript-Bibliothek zur Entwicklung von User-Interfaces.

Mit React.js kann ein komplexes User-Interface in kleinere Subkomponenten zerlegt und funktional voneinander entkoppelt werden. Dieses Softwaredesign ermöglicht es, Bausteine an verschiedenen Stellen des Quellcodes wiederzuverwenden und eine skalierbare Struktur im Frontend Quellcode zu erreichen. Eine Entwicklung in React.js kann sowohl für kleinere Webprojekte als auch für hochfrequent besuchte Web Applikationen empfohlen werden.

Unter https://reactjs.org wird die Funktionsweise von React mit übersichtlichen und im Browser editierbaren Beispielen veranschaulicht.



HTML

HTML (Hypertext Markup Language) ist eine rein textbasierte Auszeichnungssprache und beschreibt letztlich den strukturellen Aufbau einer Webseite. HTML beinhaltet keine Logik oder mathematischen Funktionen, der Zweck ist also ausschließlich das Beschreiben der Website.

Mit dem aktuell verwendeten Standard HTML5, der sich unter anderem aus XHTML 1.0 und HTML 4.01 zusammensetzt, kamen weitere Features sowie neue semantische Elemente hinzu, mit welchen dieses Ziel wesentlich besser erreicht werden kann.

HTML ist die klare Grundlage einer Website und sollte korrekt eingesetzt werden, da die im HTML Code enthaltenen Metadaten einen entscheidenden Beitrag zur Suchmaschinenoptimierung der Website leisten.



SASS

Um zu verstehen, was SASS ist, muss man erst einmal verstanden haben, was die Stylesheetsprache CSS ist und wann diese im Development Prozess eines Webprojekts zum Einsatz kommt.

CSS hat einen simplen Zweck. Eine Website, die lediglich auf HTML basiert mag zwar informativ und gut strukturiert sein, man sieht sie sich nur nicht besonders gerne an. CSS (kurz für Cascading Style Sheets) ist eine vom W3-Konsortium standardisierte und enthält wie auch HTML keine (oder kaum) Logik.

CSS ermöglicht es, komplexe Layouts für die bereits im HTML strukturierten Elemente zu erstellen und optisch ansprechend zu machen. SASS für Syntactically Awesome Style Sheets ist eine CSS-Erweiterungssprache und verfügt über wesentlich mehr Funktionen und Fähigkeiten als CSS (Nesting, Loops, Variablen, Vererbung und weiteres. Da Browser kein SASS interpretieren können, wird eine SASS Datei von einem Compiler zu CSS kompiliert, welches von einem Browser verarbeitet werden kann.