Sicher gedacht
PROGRAMMIEREN · GESTALTEN · DATEN VERARBEITEN

Code ist nicht
gleich Code.

Eine moderne Website entsteht aus mehreren Sprachen und Werkzeugen. Manche bauen die Struktur, andere gestalten, reagieren auf Eingaben, arbeiten auf dem Server oder sprechen mit einer Datenbank.

Eine Funktion.
Fünf Sprachen.

Klicke die Stationen an oder spiele den Ablauf ab. Das Beispiel zeigt vereinfacht, wie ein Kundenportal Daten lädt und anschließend im Browser darstellt.

UNSER KERNSTACK

Vom Datenbankeintrag zur sichtbaren Oberfläche

→ → → →

In unseren Projekten
Läuft hauptsächlich

SQL ist ausgewählt. Jede Station übernimmt eine andere Aufgabe.

Was ist eigentlich
eine Sprache?

Im Alltag wird vieles „Programmiersprache“ genannt. Technisch erfüllen die Werkzeuge jedoch unterschiedliche Rollen.

PROGRAMMIERSPRACHEN

Logik und Verhalten

Sie treffen Entscheidungen, verarbeiten Eingaben und steuern Abläufe.

JavaScriptPHPTypeScriptPythonPowerShell
AUSZEICHNUNG & GESTALTUNG

Struktur und Aussehen

HTML beschreibt Inhalte und Bedeutung. CSS legt Layout, Farben, Abstände und Animationen fest.

HTMLCSSSVGMarkdown
DATEN & ABFRAGEN

Speichern und austauschen

SQL fragt Datenbanken ab. JSON und XML transportieren strukturierte Informationen.

SQLJSONXML

Der Werkzeugkasten
im Unternehmen.

Diese Technologien kommen in den gemeinsam entwickelten Websites, Kundenfunktionen, Sicherheitsmodulen und internen Werkzeugen tatsächlich vor.

01 · STRUKTUR

HTML

Überschriften, Formulare, Tabellen, Navigation und barrierearme Bedeutung.

<button type="submit">
02 · DESIGN

CSS

Responsive Layouts, Farben, Lesbarkeit, Animationen und Dark Mode.

display: grid;
03 · BROWSERLOGIK

JavaScript

Filter, Diagramme, Animationen, Validierung und interaktive Lernmodule.

addEventListener()
04 · SERVERLOGIK

PHP

Formulare, Admincenter, Bot-Guard, Dateiuploads und sichere Datenverarbeitung.

function speichern()
05 · DATENBANK

SQL / MySQL

Kunden, Dokumente, Aufrufe, Sicherheitsereignisse und Statusinformationen.

SELECT … WHERE …
06 · SICHERER CODE

TypeScript

JavaScript mit überprüfbaren Datentypen für größere Anwendungen und Komponenten.

type Kunde = { … }
07 · AUTOMATISIERUNG

PowerShell & Python

Prüfungen, Datenaufbereitung, lokale Werkzeuge und wiederholbare Arbeitsschritte.

Test-Path · python
08 · DATENAUSTAUSCH

JSON & XML

Konfigurationen, APIs, strukturierte Daten und Sitemaps.

{ "status": "ok" }