{"id":62685,"date":"2022-12-05T10:51:23","date_gmt":"2022-12-05T09:51:23","guid":{"rendered":"https:\/\/weventure.de\/?p=62685"},"modified":"2023-03-07T08:51:18","modified_gmt":"2023-03-07T07:51:18","slug":"frontend-vs-backend-which-is-which","status":"publish","type":"post","link":"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which","title":{"rendered":"Frontend vs. Backend \u2013 Which is which?"},"content":{"rendered":"\n<p class=\"has-text-align-center\" style=\"font-size:18px\">Anyone who works in <a href=\"https:\/\/weventure.de\/en\/digital-marketing\/webdevelopment\">web development<\/a> and with websites will at some point come across the terms &#8220;frontend&#8221; and &#8220;backend&#8221;. But what is the difference between the two? What do frontend and backend developers do? We disentangle the terms and explain what the topic is all about &#8211; from front(end) to back(end)!<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-background wv-custom-separator\" style=\"background-color:#2fa8e1;color:#2fa8e1\"\/>\n\n\n\n<h2>What to expect<\/h2>\n\n\n\n<ul>\n<li><a href=\"#what-is-a-frontend\">What is a frontend?<\/a><\/li>\n\n\n\n<li><a href=\"#what-is-a-backend\">What is a backend?<\/a><\/li>\n\n\n\n<li><a href=\"#frontend-backend-without-each-other\">Do backend and frontend exist without each other?<\/a><\/li>\n\n\n\n<li><a href=\"#conclusion\">Conclusion<\/a><\/li>\n<\/ul>\n\n\n\n<h2 id=\"what-is-a-frontend\">What is a frontend?<\/h2>\n\n\n\n<p>The frontend can be described as the graphical user interface of a website or application. This includes, for example, the layout, the design, the navigation structure and the UX, i.e. the overall user experience. The frontend is usually the part visible to the user. That&#8217;s why many people use the terms web design and frontend work synonymously &#8211; and they&#8217;re not that wrong.<\/p>\n\n\n\n<p>Front-end developers are concerned with the user interface of the page. Which fonts and colours are used? How is the menu structured? What do the buttons look like? What is the overall layout of the page? Successful frontend work is a fusion of design and programming. This is because frontend development also involves designing interfaces &#8211; with the help of markup and design languages such as HTML or CSS and a programming language such as JavaScript.<\/p>\n\n\n\n<h3 id=\"h-frontend-examples\">Frontend examples<\/h3>\n\n\n\n<ul>\n<li>websites (HTML, CSS, Javascript), e.g. this blog article<\/li>\n\n\n\n<li>webapps (known frameworks: React, Vue.js)<\/li>\n\n\n\n<li>apps (known frameworks: React Native, Flutter)<\/li>\n<\/ul>\n\n\n\n\n\n    <div id=\"wv-block_1ee8f648e9130780b4551fb3ee1dd1be\"\n         class=\"wv-block wv-block-buttons wv-show wv-d-bottom container  aligncenter\"\n         style=\"\">\n\n        \n\n                    <a href=\"#contact-form\" target=\"_self\"\n               class=\"btn btn-primary\">Get a free website check!<\/a>\n        \n\n    <\/div>\n\n\n\n<h2 id=\"what-is-a-backend\">What is a backend?<\/h2>\n\n\n\n<p>The backend is &#8211; as the name suggests &#8211; the &#8220;back part&#8221; of a website or application and refers to the data access level. In most cases, the backend is not visible to the user and is therefore somewhat more abstract. You can think of the backend as the administrative part consisting of the application, server and database.<br>Among other things, backend developers deal with the smooth transfer of data between an API (programming interface) and the database.<\/p>\n\n\n\n<h3 id=\"h-backend-examples\">Backend examples<\/h3>\n\n\n\n<ul>\n<li>programming languages: Java, Ruby, PHP, Python<\/li>\n\n\n\n<li>frameworks: Quarkus\/Spring, Laravel, Django<\/li>\n<\/ul>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"1018\" src=\"https:\/\/weventure.de\/wp-content\/uploads\/2022\/11\/eisberg-1024x1018.png\" alt=\"Iceberg graphic to illustrate backend and frontend\" class=\"wp-image-62120\" srcset=\"https:\/\/weventure.de\/wp-content\/uploads\/2022\/11\/eisberg-1024x1018.png 1024w, https:\/\/weventure.de\/wp-content\/uploads\/2022\/11\/eisberg-300x298.png 300w, https:\/\/weventure.de\/wp-content\/uploads\/2022\/11\/eisberg-150x150.png 150w, https:\/\/weventure.de\/wp-content\/uploads\/2022\/11\/eisberg-768x764.png 768w, https:\/\/weventure.de\/wp-content\/uploads\/2022\/11\/eisberg-1536x1528.png 1536w, https:\/\/weventure.de\/wp-content\/uploads\/2022\/11\/eisberg-2048x2037.png 2048w, https:\/\/weventure.de\/wp-content\/uploads\/2022\/11\/eisberg-60x60.png 60w, https:\/\/weventure.de\/wp-content\/uploads\/2022\/11\/eisberg-400x398.png 400w, https:\/\/weventure.de\/wp-content\/uploads\/2022\/11\/eisberg-1106x1100.png 1106w, https:\/\/weventure.de\/wp-content\/uploads\/2022\/11\/eisberg-500x497.png 500w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">The user only sees the frontend, but the backend also plays a major role.<\/figcaption><\/figure><\/div>\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 id=\"frontend-backend-without-each-other\">Do backend and frontend exist without each other?<\/h2>\n\n\n\n<p>The graphical interface in front, the data access level in the back &#8211; it sounds as if backend and frontend go hand in hand. So can&#8217;t they do without each other? Oh yes!<\/p>\n\n\n\n<p>A frontend without a backend is, for example, a website that was not built with a content management system such as WordPress. If it was programmed with HTML, CSS and Javascript, the frontend also works all by itself. And the other way around?<br>A backend without a frontend could, for example, be an API or include tasks such as regular updates using <a href=\"https:\/\/www.ionos.de\/digitalguide\/hosting\/hosting-technik\/cronjob\/\" target=\"_blank\" rel=\"noreferrer noopener\">CronJobs<\/a>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-background wv-custom-separator\" style=\"background-color:#2fa8e1;color:#2fa8e1\"\/>\n\n\n\n<h2 class=\"has-text-align-center\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p class=\"has-text-align-center\">What is the difference between frontend and backend? In summary, we can say:<\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>Insight 1<\/strong>: <br>The frontend is what the users see.<\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>Insight 2<\/strong>: <br>The backend is the work in the background.<\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>Insight 3<\/strong>:<br>Frontend and backend are two interdependent levels of a system.<\/p>\n\n\n\n<p class=\"has-text-align-center\"><strong>Insight 4<\/strong>:<br>There are applications with frontend without backend and vice versa. But in most cases, the two work together. The frontend is always the entry point to websites or applications. The backend is usually the part that holds, manages and provides the data.<\/p>\n\n\n\n\n\n    <div id=\"wv-block_1ee8f648e9130780b4551fb3ee1dd1be\"\n         class=\"wv-block wv-block-buttons wv-show wv-d-bottom container  aligncenter\"\n         style=\"\">\n\n        \n\n                    <a href=\"#contact-form\" target=\"_self\"\n               class=\"btn btn-primary\">Get a free website check!<\/a>\n        \n\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Anyone who works in web development and with websites will at some point come across the terms &#8220;frontend&#8221; and &#8220;backend&#8221;. But what is the difference between the two? What do frontend and backend developers do? We disentangle the terms and explain what the topic is all about &#8211; from front(end) to back(end)! What to expect [&hellip;]<\/p>\n","protected":false},"author":28,"featured_media":62097,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false},"categories":[7533],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.1 (Yoast SEO v20.13) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Frontend vs. backend - Which is which? | WEVENTURE<\/title>\n<meta name=\"description\" content=\"What is the difference between frontend and backend? Do you need both for a website? Find out more about this tech topic now!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Frontend vs. backend - Which is which? | WEVENTURE\" \/>\n<meta property=\"og:description\" content=\"What is the difference between frontend and backend? Do you need both for a website? Find out more about this tech topic now!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which\" \/>\n<meta property=\"og:site_name\" content=\"WEVENTURE\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/WEVENTURE-122384735128747\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-05T09:51:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-07T07:51:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/weventure.de\/wp-content\/uploads\/2022\/01\/Frontend-Backend-HTML-Code.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1253\" \/>\n\t<meta property=\"og:image:height\" content=\"837\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Lina Potreck\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Frontend vs. backend - Which is which? | WEVENTURE\" \/>\n<meta name=\"twitter:description\" content=\"What is the difference between frontend and backend? Do you need both for a website? Find out more about this tech topic now!\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lina Potreck\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which#article\",\"isPartOf\":{\"@id\":\"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which\"},\"author\":{\"name\":\"Lina Potreck\",\"@id\":\"https:\/\/weventure.de\/en\/#\/schema\/person\/b378028000b9a61a0a920248d478cddb\"},\"headline\":\"Frontend vs. Backend \u2013 Which is which?\",\"datePublished\":\"2022-12-05T09:51:23+00:00\",\"dateModified\":\"2023-03-07T07:51:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which\"},\"wordCount\":545,\"publisher\":{\"@id\":\"https:\/\/weventure.de\/en\/#organization\"},\"articleSection\":[\"TECH\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which\",\"url\":\"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which\",\"name\":\"Frontend vs. backend - Which is which? | WEVENTURE\",\"isPartOf\":{\"@id\":\"https:\/\/weventure.de\/en\/#website\"},\"datePublished\":\"2022-12-05T09:51:23+00:00\",\"dateModified\":\"2023-03-07T07:51:18+00:00\",\"description\":\"What is the difference between frontend and backend? Do you need both for a website? Find out more about this tech topic now!\",\"breadcrumb\":{\"@id\":\"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/weventure.de\/en\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Frontend vs. Backend \u2013 Which is which?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/weventure.de\/en\/#website\",\"url\":\"https:\/\/weventure.de\/en\/\",\"name\":\"WEVENTURE\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/weventure.de\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/weventure.de\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/weventure.de\/en\/#organization\",\"name\":\"WEVENTURE GmbH\",\"url\":\"https:\/\/weventure.de\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/weventure.de\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/weventure.de\/wp-content\/uploads\/2020\/05\/WEVENTURE_Logo_Black.png\",\"contentUrl\":\"https:\/\/weventure.de\/wp-content\/uploads\/2020\/05\/WEVENTURE_Logo_Black.png\",\"width\":284,\"height\":285,\"caption\":\"WEVENTURE GmbH\"},\"image\":{\"@id\":\"https:\/\/weventure.de\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/WEVENTURE-122384735128747\/\",\"https:\/\/www.instagram.com\/weventure_agentur\/\",\"https:\/\/de.linkedin.com\/company\/weventure-gmbh\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/weventure.de\/en\/#\/schema\/person\/b378028000b9a61a0a920248d478cddb\",\"name\":\"Lina Potreck\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/weventure.de\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/77b3428dcc58a4ac5bf2d8bff5060f65?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/77b3428dcc58a4ac5bf2d8bff5060f65?s=96&d=mm&r=g\",\"caption\":\"Lina Potreck\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Frontend vs. backend - Which is which? | WEVENTURE","description":"What is the difference between frontend and backend? Do you need both for a website? Find out more about this tech topic now!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which","og_locale":"en_US","og_type":"article","og_title":"Frontend vs. backend - Which is which? | WEVENTURE","og_description":"What is the difference between frontend and backend? Do you need both for a website? Find out more about this tech topic now!","og_url":"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which","og_site_name":"WEVENTURE","article_publisher":"https:\/\/www.facebook.com\/WEVENTURE-122384735128747\/","article_published_time":"2022-12-05T09:51:23+00:00","article_modified_time":"2023-03-07T07:51:18+00:00","og_image":[{"width":1253,"height":837,"url":"https:\/\/weventure.de\/wp-content\/uploads\/2022\/01\/Frontend-Backend-HTML-Code.jpg","type":"image\/jpeg"}],"author":"Lina Potreck","twitter_card":"summary_large_image","twitter_title":"Frontend vs. backend - Which is which? | WEVENTURE","twitter_description":"What is the difference between frontend and backend? Do you need both for a website? Find out more about this tech topic now!","twitter_misc":{"Written by":"Lina Potreck","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which#article","isPartOf":{"@id":"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which"},"author":{"name":"Lina Potreck","@id":"https:\/\/weventure.de\/en\/#\/schema\/person\/b378028000b9a61a0a920248d478cddb"},"headline":"Frontend vs. Backend \u2013 Which is which?","datePublished":"2022-12-05T09:51:23+00:00","dateModified":"2023-03-07T07:51:18+00:00","mainEntityOfPage":{"@id":"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which"},"wordCount":545,"publisher":{"@id":"https:\/\/weventure.de\/en\/#organization"},"articleSection":["TECH"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which","url":"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which","name":"Frontend vs. backend - Which is which? | WEVENTURE","isPartOf":{"@id":"https:\/\/weventure.de\/en\/#website"},"datePublished":"2022-12-05T09:51:23+00:00","dateModified":"2023-03-07T07:51:18+00:00","description":"What is the difference between frontend and backend? Do you need both for a website? Find out more about this tech topic now!","breadcrumb":{"@id":"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/weventure.de\/en\/blog\/frontend-vs-backend-which-is-which#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/weventure.de\/en"},{"@type":"ListItem","position":2,"name":"Frontend vs. Backend \u2013 Which is which?"}]},{"@type":"WebSite","@id":"https:\/\/weventure.de\/en\/#website","url":"https:\/\/weventure.de\/en\/","name":"WEVENTURE","description":"","publisher":{"@id":"https:\/\/weventure.de\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/weventure.de\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/weventure.de\/en\/#organization","name":"WEVENTURE GmbH","url":"https:\/\/weventure.de\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/weventure.de\/en\/#\/schema\/logo\/image\/","url":"https:\/\/weventure.de\/wp-content\/uploads\/2020\/05\/WEVENTURE_Logo_Black.png","contentUrl":"https:\/\/weventure.de\/wp-content\/uploads\/2020\/05\/WEVENTURE_Logo_Black.png","width":284,"height":285,"caption":"WEVENTURE GmbH"},"image":{"@id":"https:\/\/weventure.de\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/WEVENTURE-122384735128747\/","https:\/\/www.instagram.com\/weventure_agentur\/","https:\/\/de.linkedin.com\/company\/weventure-gmbh"]},{"@type":"Person","@id":"https:\/\/weventure.de\/en\/#\/schema\/person\/b378028000b9a61a0a920248d478cddb","name":"Lina Potreck","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/weventure.de\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/77b3428dcc58a4ac5bf2d8bff5060f65?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/77b3428dcc58a4ac5bf2d8bff5060f65?s=96&d=mm&r=g","caption":"Lina Potreck"}}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/weventure.de\/en\/wp-json\/wp\/v2\/posts\/62685"}],"collection":[{"href":"https:\/\/weventure.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/weventure.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/weventure.de\/en\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/weventure.de\/en\/wp-json\/wp\/v2\/comments?post=62685"}],"version-history":[{"count":4,"href":"https:\/\/weventure.de\/en\/wp-json\/wp\/v2\/posts\/62685\/revisions"}],"predecessor-version":[{"id":65725,"href":"https:\/\/weventure.de\/en\/wp-json\/wp\/v2\/posts\/62685\/revisions\/65725"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/weventure.de\/en\/wp-json\/wp\/v2\/media\/62097"}],"wp:attachment":[{"href":"https:\/\/weventure.de\/en\/wp-json\/wp\/v2\/media?parent=62685"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/weventure.de\/en\/wp-json\/wp\/v2\/categories?post=62685"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/weventure.de\/en\/wp-json\/wp\/v2\/tags?post=62685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}