{"id":5876,"date":"2019-03-26T12:50:15","date_gmt":"2019-03-26T11:50:15","guid":{"rendered":"https:\/\/www.cibx.de\/?p=5876"},"modified":"2019-03-26T12:50:15","modified_gmt":"2019-03-26T11:50:15","slug":"der-unterschied-zwischen-frontend-und-backend","status":"publish","type":"post","link":"https:\/\/cibx.de\/en\/der-unterschied-zwischen-frontend-und-backend\/","title":{"rendered":"Der Unterschied zwischen Frontend- und Backend!"},"content":{"rendered":"<p>In kleinen\nFirmen vermischen sich die Aufgaben eines Frontend- und Backend-Entwicklers\ndurchaus mal. Dabei ist jeder Bereich f\u00fcr sich schon recht komplex und birgt\nseine kleinen aber feinen Unterschiede. Welche das sind und wo uns das Frontend\nbzw. Backend immer wieder begegnet erfahrt ihr in den n\u00e4chsten Abschnitten.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Frontend: Die Ansicht im\nVordergrund <\/strong><\/h4>\n\n\n\n<p>Das Wort\nFrontend deutet schon darauf hin, dass es sich um den Bereich handelt, den der\nNutzer sieht. Ob Schriften, Farben, Men\u00fcs oder Buttons \u2013 ein Frontend-Entwickler\ngestaltet mit Hilfe von HTML, CSS und JavaScript sichtbare grafische\nOberfl\u00e4chen f\u00fcr den Nutzer. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Backend: das spielt sich im\nHintergrund ab<\/strong><\/h4>\n\n\n\n<p>Das\nBackend agiert dagegen lieber im Hintergrund. Hier werden die Funktionen des\nProgramms programmiert und festgelegt sowie das Frontend gestaltet. Die\nDatenzugriffsebene ist f\u00fcr den Nutzer zwar nicht sichtbar, dennoch elementar\nwichtig. Denn w\u00fcrde es kein Backend geben, dann g\u00e4be es auch kein Frontend und\nsomit auch keine Software-Oberfl\u00e4che. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Ber\u00fchrungspunkte mit dem Front- und\nBackend<\/strong><\/h4>\n\n\n\n<p>Bestes Beispiel wie abh\u00e4ngig die beiden Begriffe in ihrem Bestehen voneinander sind zeigt eine mit <a href=\"https:\/\/www.textbroker.de\/content-management-system\" target=\"_blank\" rel=\"noreferrer noopener\">CMS<\/a> programmierte Homepage. Das Frontend beinhaltet alle sichtbaren Inhalte wie Texte, Bilder aber auch das Design und die die Aufteilung der Webseite. Es erm\u00f6glicht zudem, trotz unterschiedlicher Programmiersprache die Interaktion mit dem Backend. Sobald im Frontend Informationen eingegeben werden (z.B. Kontaktformular), werden diese in eine Datenbank auf einem Server \u00fcbertragen. Das Backend macht eine Funktion somit erst funktionst\u00fcchtig. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Frontend und Backend \u2013 die perfekte\nTheaterb\u00fchne <\/strong><\/h4>\n\n\n\n<p>Wie oben\nbereits einmal erw\u00e4hnt kann das Backend nicht ohne das Frontend und andersrum.\nBeide Begriffe gleichen somit einer Theaterb\u00fchne, bei der das Frontend die\nB\u00fchne ist, auf der das St\u00fcck gespielt wird. Und das Backend den Backstagebereich\ninkl. Maske, Kost\u00fcmwechsel etc. verk\u00f6rpert. <\/p>","protected":false},"excerpt":{"rendered":"<p>In kleinen Firmen vermischen sich die Aufgaben eines Frontend- und Backend-Entwicklers durchaus mal. Dabei ist jeder Bereich f\u00fcr sich schon recht komplex und birgt seine kleinen aber feinen Unterschiede. Welche das sind und wo uns das Frontend bzw. Backend immer wieder begegnet erfahrt ihr in den n\u00e4chsten Abschnitten. Frontend: Die Ansicht im Vordergrund Das Wort [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":5877,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[6],"tags":[182,212,213,183,214],"class_list":["post-5876","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-backend","tag-developer","tag-entwicklung","tag-frontend","tag-programmieren"],"_links":{"self":[{"href":"https:\/\/cibx.de\/en\/wp-json\/wp\/v2\/posts\/5876","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cibx.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cibx.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cibx.de\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/cibx.de\/en\/wp-json\/wp\/v2\/comments?post=5876"}],"version-history":[{"count":0,"href":"https:\/\/cibx.de\/en\/wp-json\/wp\/v2\/posts\/5876\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cibx.de\/en\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/cibx.de\/en\/wp-json\/wp\/v2\/media?parent=5876"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cibx.de\/en\/wp-json\/wp\/v2\/categories?post=5876"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cibx.de\/en\/wp-json\/wp\/v2\/tags?post=5876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}