Flanke 7 Bildmarke
Zurück zur Übersicht

Unsere Leistungen - Was ist eigentlich Webentwicklung?

Teilen via:

Seit es das Internet gibt haben sich die Möglichkeiten für Privatpersonen aber auch Unternehmen kontinuierlich weiterentwickelt. Diese sind nicht nur zahlreich, sondern auch vielfältig - in diesem Beitrag widmen wir uns einmal den Basics.

1958 forschte die Advanced Research Project Agency (ARPA) am militärischen Wissens- und Informationsaustausch und erzielte 1969 den ersten Erfolg: Die Übertragung einer Nachricht war gelungen und das ArpaNet war geschaffen. Das ist der Geschichte zur Folge der Ursprung des Internets - bestehend aus vier Schaltstellen: 3 in Kalifornien und 1 in Salt Lake City. 

1971 waren bereits 23 Rechner an das ArpaNet angeschlossen, 1973 entwickelten Vinton Cerf und Robert Kahn das technische Internetprotokoll TCP und ermöglichten somit die Übermittlung von Daten in kleinen Paketen. Der Begriff „Internet“ wurde von Crew erstmalig verwendet und bedeutet „Interconnected Networks“. 

Die Kommerzialisierung des Internets begann 1990, als der breiten Öffentlichkeit ein einfach zu bedienendes System vorgestellt wurde: Das World Wide Web (kurz: www). 
⁠Die Anzahl der Host-Computer verdoppelte sich bis 1994 und erlebte einen exponentiellen Anstieg in 1995. 
⁠Eine breitere Masse begann das Internet zu nutzen und 1998 erschien Google als Suchsystem auf dem Radar. 
⁠Seitdem hat sich das Internet kontinuierlich weiterentwickelt - und so unterliegt auch die Webentwicklung einem stetigen Wandel. Waren Seiten im Internet früher eine Ansammlung an Textfeldern, so haben wir heute eine umfassende und ausgefeilte Präsentation multimedialer Inhalte und auch das Erlebnis auf einer Seite, die Nutzerführung und die Geschwindigkeit sind ausschlaggebend dafür, ob ein erneuter Besuch in Betracht gezogen wird oder nicht. 

In diesem Artikel widmen wir uns der Frage: Was ist eigentlich Webentwicklung genau?

Was ist Webentwicklung? 

 Einfach ausgedrückt ist es die Entwicklung von Software für das Internet. Webentwicklung oder auch Web-Programmierung umfasst dabei u.a. Websites und Webanwendungen (Web-Apps). Dabei wird auf Webbrowser (z.B. Google Chrome oder Apple Safari) zurückgegriffen, die die medialen Dokumente wie Texte, Grafiken, Audio und Video darstellen. 
⁠Kommen wir nun zu den technischen Grundlagen einer Website. 
⁠Der Speicherplatz auf einem Server, angeboten von Internetdienstleistern (Webhoster), ist dabei die Grundlage für jede Internetpräsenz. Dabei bieten viele Webhoster Pakete an, die neben dem Festplattenspeicher auch eine Domain, Datenbank, Serverleistungen und Werkzeuge zur Webentwicklung beinhalten. 

Domain 

Die Domain ist dabei der einzigartige und eindeutige Name, unter dem eine Website gefunden werden kann. Hier bieten sich kurze und prägnante Formulierungen an. Wenn also jemand nach einer Agentur im Stuttgarter Umland sucht, wird man eher unter www.flanke7.de fündig, als müsste ein Name wie „Agentur-für-Jamstack-Websites-Performance-Marketing-und-mehr“ zwischen dem „www“ Und dem Länderkürzel „de“ eingegeben werden.

Webspace 

Der Webspace bildet den Speicherplatz ab - also den Platz auf einem Server, der bei einem Webhoster gemietet wurde. Dieser Speicherplatz bestimmt dabei auch, wie umfangreich eine Website gestaltet werden kann. Viele Webhoster bieten in ihren Paketen schon Komplettlösungen an, damit eine Website sich bei Bedarf erweitern lässt. 
⁠Wer sich in das Thema der Webentwicklung einlesen möchte, wird dabei über kurz oder lang auch über die Begriffe Frontend und Backend stolpern.

Backend

Das Backend bezeichnet dabei einen Teil der Anwendung oder des Programmcodes, der den Betrieb eines Programms oder auch z.B. einer Website ermöglicht. Das Backend wird auch als Datenzugriffsschicht von Software (oder auch Hardware) bezeichnet und der Benutzer kann dabei auf diesen Bereich nicht zugreifen.
⁠Man kann es sich vorstellen wie bei einem Restaurant - das Backend ist dabei gleichzusetzen mit der Küche und die Webentwickler sind unsere Köche. Die Profis hinter der Schwingtür kennen ihr Handwerk und „bauen“ dabei aus ihren Zutaten das Gericht (entspricht z.B. einer Website), das der Restaurant-Besucher anschließend serviert bekommt.

Frontend

Das servierte Gericht ist in diesem Fall das Frontend. Das Frontend ist eine Anwendungsschicht oberhalb des Backends und umfasst die gesamte Software (oder Hardware), die Teil einer Benutzerschnittstelle ist. Das Frontend ist das, was der Suchende im Internet zu Gesicht bekommt - in seiner vollen Pracht, einfach anzuwenden, schön aufbereitet, navigationsfreundlich und einladend. Das Frontend kann also in unserem Beispiel mit den Köchen, auch das gesamte Restaurant sein und das aufbereitete Gericht ist nur das Äquivalent für eine gestaltete Landingpage. 
⁠Als Köche im Backend haben als Webentwickler die Aufgabe, auch das Ambiente im Restaurant (sprich das Erlebnis auf der Website) mitzugestalten und im Frontend nutzerspezifisch umzusetzen. 
⁠Die Grundlagen sind klar, das Webhosting-Paket ist ausgewählt. Wie geht es denn nun weiter? 

Für die Erstellung von Websites gibt es viele Möglichkeiten: neben flexiblen Content-Management-Systemen, Homepage-Baukästen, kann natürlich auch der Quellcode selbst geschrieben werden. Hierfür Bedarf es der Kenntnis über Programmiersprachen:

HTML 

HTML steht für Hypertext Markup Language und dient in der Webentwicklung für die grobe Strukturierung durch Tags. Auf diese Weise lassen sich Elemente wie Textabschnitte, Überschriften, Grafiken usw. definieren und ein derartiger Quellcode kann damit das Grundgerüst einer Webpage darstellen.

CSS

CSS steht für Cascading Style Sheets und dient dazu definierten Elementen Regeln für die Darstellung zuzuweisen. Neben Anweisungen für das Layout, geht es hier auch um die Farbgebung, Typografien, Fabverläufe und vieles mehr.

JavaScript 

Wer es dynamisch mag, wird JavaScript zum Einsatz bringen. Diese Programmiersprache erweitert das Grundgerüst aus HTML und CSS um z.B. interaktive Eingabefelder, ausklappbare Menüs und Slideshows. 
⁠Zur Webentwicklung zählen noch viele weitere Begrifflichkeiten, wie Datenbanken, weitere Sprachen wie React und natürlich auch angrenzende Disziplinen wie Webdesign, Cloud Computing, Softwarearchitektur und mehr. Die Welt der Webentwicklung ist also sehr umfassend und natürlich deutlich komplexer als unser Restaurant-Beispiel.
⁠Wer aber im Überblick verstehen möchte, was hinter dem Begriff steckt, sollte jetzt einen Schritt weiter gekommen sein.

Websites à la Carte - und schnell! 

 Das Nutzererlebnis auf einer Website hängt von vielen Faktoren ab: Design, Navigation, einfache Handhabung - und Geschwindigkeit. Nichts ist frustrierender, als im Internet auf der Suche nach etwas zu sein und das Laden einer Seite dauert so lange, dass man sich zwischendurch einen Kaffee machen kann. 

 Auch hierfür gibt es natürlich bereits eine Lösung: Jamstack Website. 
⁠Jamstack Website überzeugen vor allem durch Ihre Geschwindigkeit, die Skalierbarkeit und hey! Sie sind klimafreundlicher. Wer genau verstehen möchte, was sich hinter Jamstack verbirgt, der kann gerne mal hier vorbeischauen. 

Du hast ein spannendes Projekt?

Philip Vögele Emoji

Nimm gerne Kontakt mit uns auf,
wir freuen uns auf den Austausch mit dir.

Mehr Beiträge

  1. | Webentwicklung

    Eine attraktive Landingpage zu gestalten klingt deutlich trivialer als es in Wirklichkeit ist. Die zentralen Fragen bei der Gestal..