EnglishEn

EspañolEs

УкраїнськаUk

Deux-ClicsAgence web digitale

Web-Technologien

Wenn man mit der Erstellung einer Website oder Anwendung beginnt, kann man sich schnell von der Vielzahl an verfügbaren Technologien überfordert fühlen. Zwischen Sprachen, Frameworks und Tools ist es nicht immer einfach, den Überblick zu behalten.

Dieser Artikel bietet einen Überblick über die wichtigsten Technologien, die heute im Web verwendet werden. Er ist nicht vollständig, stellt aber die gängigsten und am weitesten verbreiteten Lösungen vor.

Programmiersprachen

(x)Html

Auszeichnungssprache zur Strukturierung und Sinngebung von Webinhalten. Stammt von „HyperText Markup Language“, abgekürzt HTML. Ermöglicht das Erstellen von Formularen sowie das Einfügen von Links, Bildern und Videos.

CSS

Ermöglicht die Gestaltung eines Webdokuments wie einer HTML-Seite. Stammt von „Cascading Style Sheets“ oder auf Französisch « feuilles de style en cascade ». Es handelt sich um eine Liste von Darstellungs- und Positionierungseigenschaften (Farben, Schriftarten, Rahmen…). Ziel ist es, den Inhalt einer Seite von ihrer visuellen Darstellung zu trennen.

PHP

PHP ist eine Programmiersprache, mit der sich dynamische Webseiten erstellen lassen. Etwa 3 von 4 Websites verwenden PHP in irgendeiner Form.

Javascript

Ermöglicht das Hinzufügen von Animationen und Effekten auf einer Webseite. Es wird auch verwendet, um Seiten interaktiv zu machen und die Benutzerfreundlichkeit oder die Benutzeroberfläche zu verbessern.

Jquery

Open-Source-JavaScript-Bibliothek, die das Schreiben von JavaScript in Webseiten erleichtert. Sie ermöglicht die Manipulation von HTML, die Verarbeitung von Ereignissen und vereinfacht die Interaktionen mit der Seite.

Andere Technologien

Mysql

Open-Source-relationales Datenbankmanagementsystem. Es ermöglicht das Speichern und Organisieren von Daten einer Website, wie Benutzer, Artikel oder Produkte.

Ajax

Technik, die es ermöglicht, Daten vom Server zu laden, ohne die Seite neu zu laden. Sie wird verwendet, um Websites schneller und interaktiver zu machen.

Nodejs

Laufzeitumgebung, die es ermöglicht, JavaScript serverseitig zu verwenden. Sie erlaubt die Entwicklung schneller Webanwendungen, insbesondere in Echtzeit.

React

Open-Source-JavaScript-Bibliothek, entwickelt von Facebook. Sie wird verwendet, um Benutzeroberflächen zu erstellen, insbesondere in Single-Page-Webanwendungen.

Wordpress

Kostenloses und quelloffenes CMS (Content-Management-System). Es ist in PHP geschrieben und nutzt eine MySQL-Datenbank. Damit lassen sich Websites einfach mit vielen Plugins erstellen. Mehr als 40 % der Websites verwenden es.

Prestashop

Open-Source-CMS für den E-Commerce. Es ermöglicht die einfache Erstellung und Verwaltung eines Online-Shops.

Angular

Open-Source-Framework, entwickelt von Google. Es ermöglicht die Erstellung von Webanwendungen, indem Seiten, Interaktionen und Daten verwaltet werden.

Python

Vielseitige Open-Source-Programmiersprache. Sie wird verwendet, um Websites zu erstellen, Aufgaben zu automatisieren und Anwendungen zu entwickeln.

Vue.JS

Open-Source-JavaScript-Framework (auch einfach Vue genannt). Es wird verwendet, um Benutzeroberflächen und Webanwendungen zu erstellen.

Symfony

Open-Source-PHP-Framework. Es ermöglicht die Erstellung von Websites und Webanwendungen, indem die Organisation und Entwicklung des Codes erleichtert wird.

Laravel

Open-Source-PHP-Framework, das teilweise auf Symfony basiert. Es ermöglicht die Erstellung von Websites und Webanwendungen, indem die Entwicklung vereinfacht wird.

Ruby

Objektorientierte Open-Source-Programmiersprache, die einfach und angenehm zu verwenden ist. Sie wird zur Erstellung von Webanwendungen und Software verwendet.

Zend

Open-Source-PHP-Framework. Es bietet Werkzeuge zur Erstellung von Websites und Webanwendungen, indem es den Code strukturiert und die Entwicklung erleichtert.

Cakephp

Open-Source-Webframework, geschrieben in PHP. Es folgt der MVC-Architektur und erleichtert die Entwicklung von Webanwendungen, insbesondere dank seiner Werkzeuge für Datenbanken und Code-Strukturierung.

Apache cordova

Open-Source-Framework der Apache Foundation, mit dem sich plattformübergreifende mobile Anwendungen mit Webtechnologien wie HTML, CSS und JavaScript erstellen lassen.

Ionic

Open-Source-Framework, mit dem sich plattformübergreifende mobile und Webanwendungen mit Technologien wie HTML, CSS und JavaScript erstellen lassen.

Joomla

Kostenloses und quelloffenes CMS zur Erstellung verschiedener Arten von Websites, etwa Unternehmensseiten, Blogs oder Content-Portale. Joomla ist in PHP geschrieben und verwendet in der Regel eine MySQL-Datenbank.

CodeIgniter

Open-Source-Framework, geschrieben in PHP und basierend auf dem MVC-Muster. Es wird wegen seiner Leichtigkeit, Geschwindigkeit und einfachen Handhabung bei der Entwicklung von Webanwendungen geschätzt.

Woocommerce

Open-Source-Erweiterung für WordPress im Bereich E-Commerce. Sie ermöglicht es, eine WordPress-Website in einen Onlineshop zu verwandeln, und gehört zu den beliebtesten Lösungen für den Online-Verkauf.

Bootstrap

Front-End-Framework zur Gestaltung und zum Layout von Websites und Anwendungen. Es bietet sofort einsatzbereite HTML-, CSS- und JavaScript-Komponenten.

Haml

Auszeichnungssprache zur Erzeugung von HTML mit einer kompakteren Syntax. Sie soll das Schreiben von Templates schneller und lesbarer machen.

Sass

Weit verbreiteter CSS-Präprozessor, der Funktionen wie Variablen, Verschachtelung und Mixins hinzufügt, um das Schreiben und Pflegen von Stylesheets zu erleichtern.

Quellen

Statistiken zur PHP-Nutzung für Websites (auf Englisch)
WordPress-Zahlen 2020

Glossar

Framework: Satz von Komponenten, die verwendet werden, um die Grundlagen und die Struktur einer Software oder Webanwendung zu erstellen

CMS: Stammt vom Akronym „Content Management System“

Open-Source: Lizenz, die freie Weiterverteilung, Zugriff auf den Quellcode und Erstellung abgeleiteter Werke erlaubt

MVC: Auch „Model-View-Controller“, ein Software-Architekturmuster für Benutzeroberflächen, sehr verbreitet bei Webanwendungen

Préprocesseur: In der Informatik ist ein Präprozessor ein Programm, das Code vor der Kompilierung verändert