HTML
Die Grundsprache jeder Website - definiert die Struktur und Inhalte.
HTML (HyperText Markup Language) ist die Auszeichnungssprache, die jeder Website zugrunde liegt. HTML definiert die Struktur: Überschriften, Absätze, Bilder, Links und Formulare. Wenn CSS das Aussehen steuert und JavaScript die Interaktivität, dann ist HTML das Skelett - der Grundbaustein jeder Webseite. Sauberes HTML ist auch wichtig für
SEOⓘ und Barrierefreiheit: Google versteht die Struktur besser, und Menschen mit Screenreadern können die Inhalte lesen.
Beispiel aus der Praxis
Stellen Sie sich ein Haus vor: HTML sind die Wände, Böden und Türen. Sie definieren die Räume (Seitenstruktur), platzieren Fenster (Bilder) und Türschilder (Überschriften). Ohne HTML gibt es keine Website - egal wie schön das Design sein soll. Eine Website mit korrektem HTML-Aufbau rankt besser bei Google, als eine mit schlampigem Code.
Verwandte Begriffe:
CSS
JavaScript
Frontend
CSS
Die "Styling-Sprache" - macht Ihre Website visuell ansprechend.
CSS (Cascading Style Sheets) steuert das gesamte Erscheinungsbild einer Website: Farben, Schriften, Abstände, Animationen und Layouts. Während HTML die Struktur definiert, macht CSS die Seite schön. Ein einzelnes CSS-Update kann das Aussehen der gesamten Website auf einen Schlag verändern. Effizientes CSS ist auch wichtig für die Ladezeit: Zu viel CSS-Code oder schlecht optimierte Animationen verlangsamen die Website.
Beispiel aus der Praxis
Zurück zum Haus-Vergleich: CSS ist die Innenausstattung - Wandfarbe, Bodenbelag, Möbelstil. Ein und dasselbe HTML-Haus kann mit unterschiedlichem CSS komplett anders aussehen, genau wie eine Wohnung nach einer Renovation. Aber auch hier gilt: Zu viele dekorative Elemente (z. B. aufwendige Animationen) verlangsamen den Ladeprozess.
JavaScript
Die Programmiersprache, die Ihre Website interaktiv und dynamisch macht.
JavaScript macht eine Website lebendig: aufklappbare Menüs, Bildergalerien, Formulare mit Echtzeitprüfung, animierte Elemente und interaktive Karten. Während HTML und CSS die statische Seite bilden, fügt JavaScript die Dynamik hinzu. Heute ist JavaScript die meistgenutzte Programmiersprache der Welt. Ein durchdachtes JavaScript-Einsatz verbessert die
Responsive Designⓘ. Aber Achtung: Zu viel JavaScript kann eine Website verlangsamen - Entwickler müssen sehr sorgfältig abwägen, was wirklich nötig ist.
Beispiel aus der Praxis
Beim Haus-Vergleich: JavaScript ist die Elektrik und Haustechnik - Lichtschalter (Buttons), automatische Türen (Menüs) und die Klingel (Benachrichtigungen). Es macht das Haus funktional und komfortabel. Aber wenn zu viele automatische Prozesse gleichzeitig laufen, wird es unbequem und ineffizient. Ein erfahrener Entwickler sollte JavaScript sparsam einsetzen.
Verwandte Begriffe:
HTML
CSS
Frontend
Plugin
Frontend
Alles, was der Besucher sieht und bedient - die "Vorderseite" der Website.
Das Frontend ist der sichtbare Teil einer Website - alles, was im Browser des Besuchers passiert: Texte, Bilder, Buttons, Menüs, Animationen. Frontend-Entwicklung nutzt HTML, CSS und JavaScript, um die Benutzeroberfläche zu erstellen. Das Gegenstück ist das Backend. Gutes Frontend-Design führt Besucher intuitiv zu Zielen (Kontakt, Kauf) - schlechtes Frontend vergraulst sie schnell.
Beispiel aus der Praxis
Wie bei einem Restaurant: Das Frontend ist der Gastraum - Dekoration, Menükarte, Bedienung. Was der Gast sieht und erlebt. Das Backend ist die Küche - dort passiert die eigentliche Arbeit, aber der Gast sieht sie nicht. Ein verworrener Gastraum mit schlechter Beschilderung verscheucht Kunden - auch wenn die Küche hervorragend ist.
Backend
Die unsichtbare "Hinterseite" - Datenbank, Server-Logik und Verwaltung.
Das Backend ist der unsichtbare Teil einer Website: Server, Datenbank, Geschäftslogik und Verwaltung. Wenn ein Besucher ein Formular abschickt, verarbeitet das Backend die Daten. Wenn Sie sich ins CMS einloggen, greifen Sie auf das Backend zu. Der Besucher sieht davon nichts. Ein robustes Backend ist entscheidend für Sicherheit, Datenschutz und Zuverlässigkeit - es muss schnelle Zugriffe verarbeiten und vor Angriffen schützen.
Beispiel aus der Praxis
Zurück zum Restaurant: Das Backend ist die Küche. Der Koch (Server) nimmt Bestellungen entgegen, holt Zutaten aus dem Lager (Datenbank) und bereitet das Gericht zu. Der Gast sieht nur das Ergebnis auf dem Teller (Frontend). Aber ohne eine gut organisierte, saubere Küche und frische Zutaten wird das Gericht schnell zum Disaster.
Verwandte Begriffe:
Frontend
Server
API
API
Eine Schnittstelle, über die zwei Programme miteinander kommunizieren.
API steht für "Application Programming Interface" - eine standardisierte Schnittstelle, über die verschiedene Programme Daten austauschen. Ihre Website kann über APIs z. B. Google Maps einbinden, Zahlungen über Stripe abwickeln oder Termine aus einem Buchungssystem anzeigen. APIs sparen Entwicklungszeit: Statt alles selbst zu programmieren, nutzen Sie bewährte Lösungen anderer Unternehmen. Die meisten modernen Websites funktionieren durch APIs.
Beispiel aus der Praxis
Ein Taxiunternehmen in Genf bindet die Google-Maps-API auf seiner Website ein. Kunden sehen eine interaktive Karte mit dem aktuellen Standort und können direkt eine Route berechnen lassen - ohne dass die Karte selbst programmiert werden muss. Das spart hunderte Entwicklungsstunden gegenüber einer eigenen Kartenentwicklung. APIs ermöglichen nahtlose Integrationen.
Verwandte Begriffe:
Backend
Plugin
Integration
Framework
Ein Baukasten für Entwickler - liefert fertige Bausteine für die Programmierung.
Ein Framework ist eine Sammlung vorgefertigter Code-Bausteine und Regeln, die Entwicklern die Arbeit erleichtern. Statt alles von Null zu programmieren, nutzt man ein Framework als Grundgerüst und baut darauf auf. Bekannte Web-Frameworks sind z. B. React, Vue.js oder Bootstrap. Moderne Frameworks reduzieren Entwicklungszeit um 40-60 % - der Nachteil: Gute Entwickler, die das Framework beherrschen, sind teurer.
Beispiel aus der Praxis
Statt ein Haus komplett selbst zu bauen, kaufen Sie einen Bausatz mit vorgefertigten Wänden, Dachelementen und Installationsplänen. Sie sparen Zeit und vermeiden Fehler - können aber trotzdem individuell anpassen. So funktioniert ein Framework für Websites. Ein Entwickler mit Framework-Expertise kann in 2 Wochen bauen, was ein Anfänger in 2 Monaten mühsam zusammenschreibt.
Verwandte Begriffe:
HTML
CSS
JavaScript
