Jodadeveloping beschäftigt sich seit einigen Jahren mit der professionellen Entwicklung von Websites und der Entwicklung mobiler Anwendungen. Und oft verstehen Kunden nicht, was der Unterschied zwischen Frontend Entwicklung und Backend Entwicklung ist. In diesem Artikel werden wir versuchen, diese interessante Frage zu beantworten.
Was ist Frontend Entwicklung.
Frontend Entwicklung ist das Erstellen einer Benutzeroberfläche auf der Clientseite einer Website oder Anwendung. Dies ist alles, was der Benutzer sieht, wenn er eine Webseite öffnet und mit dem er interagiert: Schaltflächen, Banner und Animationen. Frontend ist mit der Geschäftslogik des Produkts verbunden (der Client-Teil kommuniziert ständig mit dem Server), aber Backend-Programmierer arbeiten daran, es zu entwickeln.
Während der Arbeit interagiert der Frontender mit Designern, Backend Entwicklern und UX-Analysten.
Um zu verstehen, was der Frontend ist, öffnen Sie die Seite einer beliebigen Website — Sie werden die Schnittstelle sehen. Klicken Sie mit der rechten Maustaste auf die Seite, wählen Sie „Seitenquellcode“ und der Quellcode wird vor Ihnen geöffnet :). Dies ist ein Beispiel für die Arbeit eines Frontend-Entwicklers. Der Browser führt Code aus, der die Farben, das Layout, die Schriftarten und die Anordnung der grafischen Elemente beschreibt, und wir sehen diese Schönheit.
Komponenten der Frontend Entwicklung
Der Frontend einer Website oder einer Webanwendung kann in drei große Teile unterteilt werden:
- HTML (HyperText Markup Language) ist eine Dokumentmarkierungssprache, in der die Seitenstruktur erstellt wird: Überschriften, Absätze, Listen und so weiter.
- CSS (Cascading Style Sheets) ist eine Sprache zum Beschreiben und Stylen des Aussehens eines Dokuments. Dank des CSS-Codes versteht der Browser genau, wie Elemente angezeigt werden sollen. Zum Beispiel legt CSS die Farben und Einstellungen für Schriftarten fest, legt fest, wie verschiedene Blöcke der Website positioniert werden. Außerdem können Sie das Dokument in verschiedenen Arten wiedergeben: zum Drucken (normal oder in Blindenschrift), zur Anzeige auf dem Bildschirm oder zum Lesen mit einem Screenreader.
- JavaScript ist eine Sprache, die Webseiten zum Leben erweckt. Seine Aufgabe ist es, auf Benutzeraktionen zu reagieren, Mausklicks, Cursorbewegungen und Tastatureingaben zu verarbeiten. Außerdem sendet er Anfragen an den Server und lädt Daten herunter, ohne die Seite neu zu laden, ermöglicht die Eingabe von Nachrichten und vieles mehr.
Was ist Backend Entwicklung
Ein Backend ist die Entwicklung der Geschäftslogik eines Produkts (einer Website oder einer Webanwendung).
Das Backend ist für die Interaktion des Benutzers mit den internen Daten verantwortlich, die der Frontend dann anzeigt. Einfach gesagt, es ist etwas, das vor den Augen des Benutzers verborgen ist und außerhalb seines Browsers und Computers vorkommt.
Ein Beispiel:
- Wenn sich der Fahrer in den Innenraum des Fahrzeugs setzt, sieht er eine «Benutzeroberfläche» vor sich: Bedienfeld, Lenkrad, Gas- und Bremspedale. Wenn Sie das Gaspedal betätigen, bewegt sich die Maschine vorwärts. Der Frontend Entwicklung ist also genau die Pedale: Der Fahrer weiß, was passieren wird, wenn er auf sie drückt. Eine Backend Entwicklung sind interne Prozesse, die nach dem Drücken des Pedals im Auto stattfinden. Der Benutzer sieht nicht, wie der Motor startet und weiß nicht, wie er aufgebaut ist.
Komponenten der Backend Entwicklung
Der Backend Entwickler wendet die Tools an, die auf seinem Server verfügbar sind. Er hat das Recht, eine der universellen Programmiersprachen zu wählen — zum Beispiel Ruby, PHP, Python oder Java. Alles hängt vom spezifischen Projekt und der Aufgabe des Kunden ab.
Datenbankverwaltungssysteme werden auch für die Backend-Entwicklung verwendet:
- MySQL;
- PostgreSQL;
- SQLite;
- MongoDB.
Es werden auch Boot- (Deploy-) Werkzeuge verwendet:
- CI/CD;
- Kubernetes (K8s);
- Docker.
Beim Backend geht es nicht nur um das Schreiben von Code, sondern auch um das Erstellen der Anwendungsarchitektur. Die Architektur in der Entwicklung bestimmt die Struktur und Reihenfolge der Verwendung von Datenbanken. Es ist wichtig, dass die Datenbank korrekt mit dem Anwendungscode kommuniziert und kontinuierlich an den Server übermittelt wird — der Backend-Entwickler ist dafür verantwortlich.
Die Verantwortlichkeiten des Backend-Entwicklers können je nach Produkt variieren. Bei einigen Projekten erstellt und integriert er Datenbanken, bei anderen stellt er sicher oder konfiguriert Sicherungs- und Wiederherstellungstechnologien.
Wie interagieren Frontend und Backend
Das Zusammenspiel von Frontend und Backend findet im Kreis statt:
- der Clientteil der Anwendung (Frontend) sendet Benutzerinformationen an den Server (Backend);
- das Programm auf dem Server verarbeitet die Informationen;
- die Informationen werden in einer für den Benutzer verständlichen Form an die Clientseite zurückgegeben.
- Obwohl das Backend und das Frontend von verschiedenen Spezialisten besetzt sind, ist es für jeden von ihnen wünschenswert, die Prinzipien zu verstehen, nach denen Kollegen arbeiten. Selbst für einen Interface-Designer ist es nützlich, zumindest im Allgemeinen zu wissen, wie das Backend des Projekts, mit dem er sich beschäftigt, funktioniert. Dies wird dazu beitragen, die technischen Möglichkeiten der Website oder Anwendung angemessen zu bewerten.
Es gibt mehrere Optionen für die Interaktion zwischen Frontend und Backend:
- Die HTTP-Anforderung wird direkt an den Server gesendet, der Server sucht nach Informationen, fügt sie in die Vorlage ein und gibt sie als HTML-Seite zurück.
- Eine Variante mit AJAX (Asynchronous JavaScript and XML). In diesem Fall sendet die Anforderung das an den Browser geladene JavaScript und die Antwort kommt im XML- oder JSON-Format.
- Einseitige Anwendungen laden Daten herunter, ohne die Seite zu aktualisieren. Dies geschieht auch mit AJAX oder den Angular- und Ember-Frameworks.
- Die React-Bibliothek hilft Ihnen, die Anwendung sowohl auf dem Server als auch auf dem Client zu verwenden. Die Website wird zu einer vollwertigen Anwendung, die die Informationen erhält, die der Benutzer benötigt, ohne die Seiten zu aktualisieren.
Was wählen Sie Frontend Entwicklung oder Backend Entwicklung?
Für diejenigen, die in die IT einsteigen wollen, aber nicht viel in den technischen Bereich eintauchen wollen, ist die Frontend Entwicklung geeignet. Diese Arbeit kann nicht als die einfachste bezeichnet werden, aber sie ist definitiv einfacher als das Backend, zumindest aufgrund des geringeren Einflusses von Programmiersprachen. Anfänger beginnen mit der Position des »Workstalls“, in der HTML- und CSS-Tools dominiert werden.
Frontend Entwicklung wird für diejenigen ansprechen, die das Ergebnis ihrer Arbeit besser visuell sehen können, mit Menschen ohne technisches Wissen kommunizieren können und ständig Neues lernen können. Der Frontend-Entwickler muss die Ideen der Designer als konkrete Objekte verkörpern. Wie man es mit Hilfe von Layout-Sprachen macht, wird immer eine Aufgabe sein, die Forschung und kreative Suche erfordert. Manchmal müssen Sie sich selbst Bündel von HTML und CSS für eine bestimmte Aufgabe erfinden.
Die Einstiegsschwelle für die Backend Entwicklung ist höher, hier ist ein mathematischer Ansatz erforderlich, die Bereitschaft, Algorithmen zu erstellen, sie zu studieren, sie zu verwenden. Daher ist das Ergebnis der Arbeiten normalerweise nicht zu sehen, der stabile Betrieb der Website wird eine Bestätigung sein, dass alles in Frontend richtig gemacht wurde.
Die Backend-Sphäre ist trotz der vielen Programmiersprachen, die Sie ausprobieren und für sich selbst auswählen können, stabiler als die Frontend-Sphäre. Es ist nicht erforderlich, die Entstehung neuer Technologien ständig zu überwachen, sie schnell einzuführen.
Backend-Entwickler kommunizieren normalerweise mit denen, die bereits über technische Kenntnisse verfügen, so dass Sie die Details der Entwicklung nicht mit Vermarktern, Designern und anderen nicht-technischen Experten besprechen müssen.
Manchmal tauchen Frontend- und Backend-Entwickler so sehr in beide Bereiche ein, dass sie nicht wissen, was sie wählen sollen, und beginnen gleichzeitig mit beiden zu arbeiten. Dies ergibt sich aus Fullstack-Entwicklern, die die Website vergleichen und sofort einen Server dafür entwickeln können. Aber oft überwiegt eine der Sphären immer noch, und der Entwickler geht vollständig in den Frontend oder das Backend.
Schluss
In der Regel sind die Pflichten für Backend und Frontend unterschiedlich, daher unterscheiden sich die Anforderungen an Spezialisten in diesem Bereich. Dies sind jedoch keine sich gegenseitig ausschließenden Bereiche, man muss sich zumindest ungefähr vorstellen, was auf der anderen Seite der Medaille passiert, zumal beide Bereiche technische und kreative Komponenten benötigen.
Frontend Entwicklung geht es um Visualisierung, Bildbearbeitungsprogramme und Vorlagen. Bei der Backend Entwicklung geht es darum, Simulationssysteme zu vereinfachen, die zeigen, was der Benutzer in Zukunft auf der Website tun kann. Es gibt auch Fullstack-Spezialisten auf dem Markt, die sich mit dem Server– und Client-Teil einer Website oder Anwendung befassen.
Und Sie können auch nicht wählen – es gibt sogenannte Fullstack-Entwickler, die gleichzeitig mit Front-End und Backend arbeiten. Dies erfordert, dass Sie mehr Informationen studieren, aber Sie können sowohl den Client- als auch den Serverteil der Anwendung vollständig selbst schreiben. Oft werden Fulsteks zu Anfängern, die sich noch nicht entschieden haben — so können sie die Arbeit von allen Seiten im Allgemeinen betrachten und dann tiefer gehen und ein Profi auf einem bestimmten Gebiet werden.