Was ist Webentwicklung? Ein vollständiger Leitfaden
Webentwicklung ist die Arbeit, aus einem Design und einem Satz Anforderungen eine laufende Website zu machen: das Markup und die Gestaltung, die ein Besucher sieht, die Serverlogik und die Daten dahinter, sowie das Deployment und die Wartung, die alles am Laufen halten.
Dieser Leitfaden behandelt, was der Begriff einschließt, wie er sich von Webdesign unterscheidet, was die Aufteilung in Frontend und Backend in der Praxis bedeutet und welche Teile ein konkretes Projekt braucht.
Was der Begriff umfasst#
„Webentwicklung“ wird für alles verwendet, von der Installation eines Themes bis zum Bau einer maßgeschneiderten Anwendung. Gleich bleibt die Abfolge: Anforderungen werden zu Templates, Templates werden zu Seiten, Seiten bekommen Daten, und das Ganze wird ausgerollt, gemessen und gewartet.
Design entscheidet, wie es aussieht und wie es sich verhält. Entwicklung lässt es existieren, schnell laufen, echte Inhalte überstehen und nach dem Start weiterlaufen.
- Frontend: das HTML, CSS und JavaScript, das im Browser des Besuchers läuft.
- Backend: der serverseitige Code, die Datenbank und die APIs, die Daten liefern und speichern.
- CMS-Arbeit: Templates und Felder, damit Nicht-Entwickler Inhalte gefahrlos bearbeiten können.
- Integrationen: Zahlung, CRM, E-Mail, Analytics, Versand, Buchung, ERP.
- Infrastruktur: Hosting, Domains, Zertifikate, CDN, Backups, Deployment.
- Qualität: Tests, Performance, Barrierefreiheit, Sicherheit, Monitoring.
Webentwicklung vs. Webdesign#
Die beiden Begriffe werden oft zusammen angeboten und sind wirklich verschiedene Arbeiten. Bei kleinen Projekten macht eine Person beides; bei größeren sind es getrennte Personen, und zu wissen, was Sie einkaufen, verhindert eine ganze Kategorie von Streitfällen.
| Webdesign | Webentwicklung | |
|---|---|---|
| Frage | Wie soll es aussehen und sich verhalten? | Wie wird es gebaut, damit es funktioniert? |
| Ergebnis | Wireframes, visuelle Entwürfe, ein Komponentensystem | Funktionierende Templates, Datenmodelle, eine ausgerollte Website |
| Hauptwerkzeuge | Designsoftware, Prototyping-Werkzeuge | Code-Editoren, Versionskontrolle, Build-Werkzeuge, ein CMS |
| Scheitert als | Website, die verwirrt oder nicht zur Marke passt | Website, die langsam ist, ausfällt oder nicht bearbeitbar ist |
| Änderungen kosten | Minuten im Wireframe-Stadium | Stunden bis Tage, sobald gebaut |
Trennt ein Angebot beides nicht, fragen Sie, was passiert, wenn Sie bereits ein Design haben. Die Antwort sagt Ihnen, welche Arbeit tatsächlich bepreist wird.
Frontend und Backend in der Praxis#
Die Aufteilung betrifft, wo Code läuft, nicht die Senioritätsstufe. Frontend-Code wird im Browser des Besuchers ausgeführt und befasst sich daher mit Darstellung, Interaktion, Responsivität und Barrierefreiheit. Backend-Code läuft auf einem Server und befasst sich daher mit Daten, Authentifizierung, Geschäftsregeln und Integrationen.
Eine Marketingseite kann fast vollständig Frontend sein, mit einem CMS als Inhaltslieferant. Ein Shop oder eine Anwendung braucht erhebliche Backend-Arbeit, weil Geld, Bestand und Konten Regeln haben, die man einem Browser nicht anvertrauen kann.
| Website-Typ | Frontend-Gewicht | Backend-Gewicht |
|---|---|---|
| Broschürenseite auf einem CMS | Der Großteil der Arbeit | Nur Templates und Felder |
| Inhaltsseite mit Suche und Filtern | Hoch | Mittel — Indexierung und Abfragen |
| Onlineshop | Hoch | Hoch — Katalog, Checkout, Steuern, Abwicklung |
| Buchungs- oder Terminseite | Mittel | Hoch — Verfügbarkeit, Konflikte, Benachrichtigungen |
| Webanwendung | Hoch | Sehr hoch — Konten, Rechte, Geschäftslogik |
Was ein Webentwicklungsprojekt tatsächlich liefert#
Über „die Website“ hinaus sind dies die Ergebnisse, die im Vertrag benannt gehören — denn ihr Fehlen fällt erst auf, wenn Sie sie brauchen, meist wenn die ursprüngliche Entwicklung nicht mehr verfügbar ist.
- Der Quellcode, in einem Repository, auf das Sie Zugriff haben.
- Zugang zu Hosting, Domain und allen Drittanbieterkonten, auf Ihren Namen.
- Ein dokumentierter Weg, eine Änderung auszurollen, nicht eine Person, die weiß, wie es geht.
- Ein CMS oder Adminbereich mit den Inhaltstypen, die Ihr Team tatsächlich bearbeitet.
- Backups, die einmal wiederhergestellt wurden, damit Sie wissen, dass sie funktionieren.
- Dokumentation der Integrationen und wo deren Zugangsdaten liegen.
- Schulung oder eine Übergabesitzung für alle, die die Inhalte pflegen.
Die wertvollste einzelne Klausel in einem Webentwicklungsvertrag ist die, die sagt, dass Ihnen Code und Konten gehören. Alles andere lässt sich nachverhandeln; diese eine nicht, sobald die Zusammenarbeit endet.
Häufige Fragen
Ist Webentwicklung dasselbe wie Web Development?
Die Begriffe werden in den meisten Zusammenhängen austauschbar verwendet. „Web Development“ ist etwas breiter und schließt oft Webanwendungen und APIs ein, die keine Websites im engeren Sinne sind; „Webentwicklung“ impliziert meist eine Website mit Seiten und Inhalten. Im Briefing kommt es nicht auf die Formulierung an, sondern darauf, ob das Projekt eigene Geschäftslogik hat — das verändert Kosten und benötigte Fähigkeiten.
Brauche ich eine Entwicklerin, wenn ich einen Baukasten nutze?
Für eine einfache Website oft nicht, und das ist eine legitime Wahl. Sie wollen trotzdem vielleicht eine für die Dinge, die Baukästen schlecht können: Performance, strukturierte Daten, Anbindung an Ihre bestehenden Systeme und den späteren Umzug. Ein verbreitetes Muster ist, es selbst zu bauen und für ein konkretes Problem jemanden hinzuzuholen statt für die ganze Website.
Was ist ein Fullstack-Entwickler?
Jemand, der sowohl am Frontend als auch am Backend arbeitet. Für kleine und mittelgroße Website-Projekte ist eine kompetente Fullstack-Person meist die effizienteste Besetzung, weil die Übergabekosten zwischen zwei Spezialisten den Tiefenvorteil übersteigen. Bei großen Projekten lohnt sich die Spezialisierung, weil die nötige Tiefe auf jeder Seite schneller wächst, als eine Person sie abdecken kann.
Wie viel einer Website ist Code und wie viel Inhalt?
Nach Aufwand ist Inhalt meist die größere Hälfte und fast immer das Terminrisiko. Eine Umsetzung kann fertig sein und die Website trotzdem Wochen vom Start entfernt, weil Produktbeschreibungen, Fotos und Rechtsseiten nicht geschrieben sind. Planen Sie den Inhalt mit derselben Ernsthaftigkeit wie die Entwicklungs-Meilensteine, und der Starttermin wird erreichbar.
was ist webentwicklungwebentwicklungweb development erklärtfrontend backendwebentwicklung vs webdesignwebentwicklung grundlagen
