{"id":66789,"date":"2025-11-13T10:00:00","date_gmt":"2025-11-13T10:00:00","guid":{"rendered":"https:\/\/morningtrain.dk\/backend-vs-frontend\/"},"modified":"2026-04-17T12:34:37","modified_gmt":"2026-04-17T12:34:37","slug":"backend-vs-frontend","status":"publish","type":"post","link":"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/","title":{"rendered":"Backend vs. Frontend"},"content":{"rendered":"\n<section class=\"wp-block-mt-blog-post-cover mt-blog-post-cover\"><div class=\"mt-blog-post-cover__inner page-container\"><div class=\"mt-blog-post-cover__text-container\"><p class=\"mt-blog-post-cover__tagline tagline\">Digitalisering<\/p><p class=\"mt-blog-post-cover__date\">13. november 2025<\/p><h1 class=\"mt-blog-post-cover__title\">Backend vs. Frontend <\/h1><\/div><div class=\"wp-block-post-excerpt\"><p class=\"wp-block-post-excerpt__excerpt\">Backend vs. frontend may sound technical, but the difference is crucial to whether your digital solution both feels great to use and works behind the scenes. The frontend is the user experience in the browser, while the backend is the logic and systems that handle data and processes behind it\u2014and both are necessary for a&hellip; <\/p><\/div>\n\n<figure class=\"wp-block-post-featured-image\"><img decoding=\"async\" width=\"1248\" height=\"720\" src=\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Backend-vs.-Frontend.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" style=\"object-fit:cover;\" srcset=\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Backend-vs.-Frontend.png 1248w, https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Backend-vs.-Frontend-300x173.png 300w, https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Backend-vs.-Frontend-1024x591.png 1024w, https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Backend-vs.-Frontend-768x443.png 768w, https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Backend-vs.-Frontend-187x108.png 187w, https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Backend-vs.-Frontend-600x346.png 600w\" sizes=\"(max-width: 1248px) 100vw, 1248px\" \/><\/figure><\/div><\/section>\n<section\n    class=\"mt-blog-post-content mt-blog-post-content--has-table-of-contents mtSpacing-top-none mtSpacing-bottom-medium\"\n>\n    <div class=\"mt-blog-post-content__inner page-container\">\n        <div class=\"mt-blog-post-content__table-of-contents\">\n                                                <p class=\"mt-blog-post-content__table-of-contents-title\">\n                        Indhold\n                    <\/p>\n                                                    <a\n                        href=\"#korte\"\n                        class=\"mt-blog-post-content__table-of-contents-item\"\n                    >\n                        Forskellen kort fortalt\n                    <\/a>\n                                    <a\n                        href=\"#frontend\"\n                        class=\"mt-blog-post-content__table-of-contents-item\"\n                    >\n                        Frontend-udvikling\n                    <\/a>\n                                    <a\n                        href=\"#html\"\n                        class=\"mt-blog-post-content__table-of-contents-item\"\n                    >\n                        HTML\n                    <\/a>\n                                    <a\n                        href=\"#css\"\n                        class=\"mt-blog-post-content__table-of-contents-item\"\n                    >\n                        CSS\n                    <\/a>\n                                    <a\n                        href=\"#java\"\n                        class=\"mt-blog-post-content__table-of-contents-item\"\n                    >\n                        JavaScript\n                    <\/a>\n                                    <a\n                        href=\"#backend\"\n                        class=\"mt-blog-post-content__table-of-contents-item\"\n                    >\n                        Backend-udvikling\n                    <\/a>\n                                    <a\n                        href=\"#eksempel\"\n                        class=\"mt-blog-post-content__table-of-contents-item\"\n                    >\n                        Eksempel p\u00e5 backend\n                    <\/a>\n                                    <a\n                        href=\"#sprog\"\n                        class=\"mt-blog-post-content__table-of-contents-item\"\n                    >\n                        Programmeringssprog\n                    <\/a>\n                                    <a\n                        href=\"#full\"\n                        class=\"mt-blog-post-content__table-of-contents-item\"\n                    >\n                        Full-stack udvikling\n                    <\/a>\n                                  <\/div>\n        <div class=\"mt-blog-post-content__items\">\n                            \n\n<p class=\"wp-block-paragraph\">Both terms are English loanwords that refer to the \u201ccode world\u201d (everything online). The difference between the two is that: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>a frontend developer works on the part of a digital solution that runs on users\u2019 devices and that they interact with<\/li>\n\n\n\n<li>while a backend developer works with everything that happens on a server or in a database\u2014i.e., the infrastructure and functions that sit behind it.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-mt-blog-post-text-box mt-blog-post-text-box\"><div class=\"mt-blog-post-text-box__inner page-container\"><div class=\"mt-blog-post-text-box__box\">\n<h3 class=\"wp-block-heading\" id=\"korte\">Frontend and backend in brief<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;<strong>Frontend<\/strong>&#8221; = The layer your users meet: design, buttons, forms, and the entire experience in the browser. Everything you <strong>see<\/strong>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><br\/>&#8220;<strong>Backend<\/strong>&#8221; = The engine behind it: data, logic, integrations, and automation of manual processes. Everything you <strong>do not<\/strong> <strong>see<\/strong>. <\/p>\n<\/div><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"frontend\">What is frontend development?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A frontend developer is most often focused on the <a href=\"https:\/\/morningtrain.dk\/en\/the-marketing-dictionary\/#ui\">user interface (UI)<\/a> and the <a href=\"https:\/\/morningtrain.dk\/en\/har-du-misforstaaet-ux\/\">user experience (UX)<\/a>\u2014in other words, what the solution looks like overall and what it is like to interact with.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Frontend development takes place in users\u2019 <a href=\"https:\/\/morningtrain.dk\/en\/the-marketing-dictionary\/#browser\">web browser<\/a>, which is also called \u2018client-side\u2019.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Frontend development happens using a combination of these primary technologies:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/morningtrain.dk\/en\/the-marketing-dictionary\/#html\">HTML<\/a> (Hypertext Markup Language)<\/li>\n\n\n\n<li><a href=\"https:\/\/morningtrain.dk\/marketing-ordbogen\/#css\">CSS<\/a> (Cascading Style Sheets)<\/li>\n\n\n\n<li><a href=\"https:\/\/www.javascript.com\/\">JavaScript<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"html\">HTML<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This technology gives the frontend developer the ability to build visual elements and overall functionality. In <a href=\"https:\/\/morningtrain.dk\/en\/the-marketing-dictionary\/#html\">HTML<\/a>, you define web pages and other information that can be displayed in a web browser (e.g., images, text, links, and more). <\/p>\n\n\n\n<div class=\"wp-block-mt-blog-post-text-box mt-blog-post-text-box\"><div class=\"mt-blog-post-text-box__inner page-container\"><div class=\"mt-blog-post-text-box__box\">\n<p class=\"wp-block-paragraph\"><strong>HTML is the foundation your web solutions are built on<\/strong>\u2014the better you understand this top-level layer, the easier it is to assess the quality of the work you receive.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">HTML is almost always used in combination with <a href=\"https:\/\/morningtrain.dk\/marketing-ordbogen\/#css\">CSS<\/a> and JavaScript so the solution does not feel flat and boring to interact with. HTML only defines \u201cwhat is\u201d and \u201cwhat exists,\u201d but not how things feel to interact with, how elements behave in relation to each other, or how things should look on different devices (<a href=\"https:\/\/morningtrain.dk\/en\/what-is-responsive-design\/hvad-er-responsivt-design-2\/\">responsive<\/a>). <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Example of HTML code for a button:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"556\" height=\"293\" src=\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2023\/02\/html-knap.png\" alt=\"Screenshot of HTML code\" class=\"wp-image-48371\" srcset=\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2023\/02\/html-knap.png 556w, https:\/\/morningtrain.dk\/wp-content\/uploads\/2023\/02\/html-knap-300x158.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Result:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"113\" height=\"85\" src=\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2023\/02\/knap.png\" alt=\"Screenshot of button\" class=\"wp-image-48375\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"css\"><b>CSS<\/b><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">With this technology, frontend developers can define what a solution looks like and what it feels like to interact with it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/morningtrain.dk\/marketing-ordbogen\/#css\">CSS<\/a> is a web solution\u2019s \u201cstylesheet,\u201d meaning this is where a developer defines and describes how the elements written in HTML should present themselves. HTML looks the same across all solutions on its own; CSS is what makes your website look different from others. <\/p>\n\n\n\n<div class=\"wp-block-mt-blog-post-text-box mt-blog-post-text-box\"><div class=\"mt-blog-post-text-box__inner page-container\"><div class=\"mt-blog-post-text-box__box\">\n<h3 class=\"wp-block-heading\">Without CSS, all solutions would look the same and boring<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In other words, CSS allows a frontend developer to control the visual appearance of the web solution.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">CSS is also where developers define how responsive a solution should be.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Continuation of the button example, now with CSS attached:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"262\" height=\"76\" src=\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2023\/02\/CSS-knapper.png\" alt=\"Screenshot of button\" class=\"wp-image-48369\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"java\"><b>JavaScript<\/b><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This is a complex programming language used to build interactive and dynamic elements in web solutions, such as animations, pop-ups, and digital \u201cfeedback\u201d to the user.<\/p>\n\n\n\n<div class=\"wp-block-mt-blog-post-text-box mt-blog-post-text-box\"><div class=\"mt-blog-post-text-box__inner page-container\"><div class=\"mt-blog-post-text-box__box\">\n<p class=\"wp-block-paragraph\">A frontend developer primarily uses JavaScript to<strong> add interactive elements to a solution<\/strong>\u2014in other words, everything you can interact with as you move around a website.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">JavaScript is the only one of the three technologies that can be used both to define the frontend (things defined in the user\u2019s web browser) and to build backend functions (things defined on a server).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>The button now (also) with JavaScript:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"608\" height=\"780\" src=\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2023\/02\/JavaScript.png\" alt=\"Screenshot of HTML code with CSS and JavaScript\" class=\"wp-image-48373\" srcset=\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2023\/02\/JavaScript.png 608w, https:\/\/morningtrain.dk\/wp-content\/uploads\/2023\/02\/JavaScript-234x300.png 234w\" sizes=\"(max-width: 608px) 100vw, 608px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Final result:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1920\" height=\"1160\" src=\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2023\/02\/knap-1.gif\" alt=\"GIF of button rotating\" class=\"wp-image-48381\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>DISCLAIMER<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If a developer is reading along, I am well aware that it is not best practice to write all the code \u2018inline\u2019, but that you would normally just reference the CSS and JavaScript files in the HTML. The example above is only to make the example visually easier to understand. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"backend\">What is backend development?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A backend developer primarily focuses on everything that happens \u2018server-side\u2019, where they work on building the connection that delivers data to a web solution when it is requested.<\/p>\n\n\n\n<div class=\"wp-block-mt-blog-post-text-box mt-blog-post-text-box\"><div class=\"mt-blog-post-text-box__inner page-container\"><div class=\"mt-blog-post-text-box__box\">\n<h3 class=\"wp-block-heading\" id=\"eksempel\">Let me give an example of everything a backend developer builds<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Imagine you are shopping in an <a href=\"https:\/\/morningtrain.dk\/en\/checklist-8-must-haves-to-ensure-a-successful-b2b-webshop\/\">online shop<\/a>. Most of what you interact with is built by the frontend developers. But the content and products shown on your screen are actually sent from the database or a server to the frontend, where all content is managed from.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That means that without the backend developer, you would not be able to see any content or products at all, because they would not be loaded into the interface you are using.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>But the backend developer is not done\u2026<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Because when you add an item to the cart and complete your purchase, information is sent to external finance and inventory management systems that also run on a server. This is where your information and your order are processed. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">None of this would happen if a backend developer had not been involved.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">It is also in the backend that a wide range of <a href=\"https:\/\/morningtrain.dk\/en\/?attachment_id=66786\">manual processes<\/a> are automated by building a system or an integration between systems that handles a given process automatically. This is also called <a href=\"https:\/\/morningtrain.dk\/en\/hvad-er-rpa\/\">RPA (Robotic Process Automation)<\/a>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are many programming languages for coding backend applications, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ruby on Rails<\/li>\n\n\n\n<li>Java<\/li>\n\n\n\n<li>C++<\/li>\n\n\n\n<li>C#<\/li>\n\n\n\n<li>Python<\/li>\n\n\n\n<li><a href=\"https:\/\/morningtrain.dk\/en\/?p=66742\">PHP<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"sprog\">What determines the choice of programming language for a backend task?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In reality, you can set up a server in whatever programming language you want. In other words, programming languages are not something you \u201cchoose\u201d as such\u2014but when a backend developer chooses a language, it is most often about what needs to be developed. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3 programming languages we would like to highlight:<\/p>\n\n\n\n<div class=\"wp-block-mt-accordion mt-accordion mtSpacing-top- mtSpacing-bottom-\"><div class=\"mt-accordion__inner\">\n<div class=\"wp-block-mt-accordion-item mt-accordion-item\"><div class=\"mt-accordion-item__title-wrapper\"><h3 class=\"mt-accordion-item__title\">C#<\/h3><\/div><div class=\"mt-accordion-item__content-wrapper\" style=\"display:none\"><div class=\"mt-accordion-item__content\">\n<ul class=\"wp-block-list\">\n<li>is the language behind Microsoft\u2019s portfolio, which means that if you are working on a Microsoft setup, you need to code in C#.<\/li>\n\n\n\n<li>is primarily for websites and applications (e.g., to get something to communicate with Excel and Outlook).<\/li>\n\n\n\n<li>is very widely used in Denmark because it is what people are trained in\u2014despite Java and Python being more widely used globally. <\/li>\n<\/ul>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-mt-accordion-item mt-accordion-item\"><div class=\"mt-accordion-item__title-wrapper\"><h3 class=\"mt-accordion-item__title\">PHP<\/h3><\/div><div class=\"mt-accordion-item__content-wrapper\" style=\"display:none\"><div class=\"mt-accordion-item__content\">\n<ul class=\"wp-block-list\">\n<li>90% of all websites run on <a href=\"https:\/\/morningtrain.dk\/en\/?p=66742\">PHP<\/a> (rough estimate). This makes it a popular programming language to work with due to demand. <\/li>\n\n\n\n<li>is primarily for websites and web applications.<\/li>\n<\/ul>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-mt-accordion-item mt-accordion-item\"><div class=\"mt-accordion-item__title-wrapper\"><h3 class=\"mt-accordion-item__title\">JavaScript<\/h3><\/div><div class=\"mt-accordion-item__content-wrapper\" style=\"display:none\"><div class=\"mt-accordion-item__content\">\n<ul class=\"wp-block-list\">\n<li>is used to build things that need to be fetched in real time, or where something needs to be dynamic.<\/li>\n<\/ul>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"full\">&#8230; But what about full-stack development?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When talking about frontend and backend, the concept of full-stack often appears as a third variant. While frontend and backend developers typically have their primary focus in one place in the solution, a full-stack developer works across both layers in the same project. This means they can help shape both the user experience and the technical logic and data handling behind it.  <\/p>\n\n\n\n<div class=\"wp-block-mt-blog-post-text-box mt-blog-post-text-box\"><div class=\"mt-blog-post-text-box__inner page-container\"><div class=\"mt-blog-post-text-box__box\">\n<h3 class=\"wp-block-heading\">Our view on full-stack<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">At Morningtrain, we deliver full-stack web solutions, but we do not believe in the idea of the classic \u201cfull-stack developer\u201d who is equally strong at everything. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We see that the best developers either lean towards frontend or backend\u2014and that the best solutions emerge when specialists bring out the best in each other, rather than one person having to do it all.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">In practice, a full-stack profile often makes sense in smaller solutions or early phases, where there is a need to move relatively quickly from idea to working product. In larger and more complex projects, you more often choose a team where frontend and backend specialists work together on the solution. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The short explanation<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ultimately, everything you look at online ends up as HTML in your browser. On the server, the backend assembles the HTML page you need to see based on data and logic, and thus determines <strong>what<\/strong> should be displayed. The page is then sent to your device. In the browser, the page is \u201crendered\u201d, and this is where the frontend code controls <strong>how<\/strong> the content is presented\u2014i.e., structure, appearance, and how you can interact with it.   <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So the better you understand the difference between frontend and backend, the easier it becomes both to have your website built correctly and to manage it day to day.<\/p>\n\n\n                                            <\/div>\n        <div class=\"mt-blog-post-content__small-related-posts\">\n                                <\/div>\n    <\/div>\n    <\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>Backend vs. frontend may sound technical, but the difference is crucial to whether your digital solution both feels great to use and works behind the scenes. The frontend is the user experience in the browser, while the backend is the logic and systems that handle data and processes behind it\u2014and both are necessary for a strong web solution. <\/p>\n","protected":false},"author":8,"featured_media":66792,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[285],"tags":[],"class_list":["post-66789","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-digitalization"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Backend vs. Frontend | What\u2019s the difference? | Morningtrain<\/title>\n<meta name=\"description\" content=\"In this post, we try to explain and illustrate the difference between \u2018backend\u2019 and \u2018frontend\u2019. Read more in the post here.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Backend vs. Frontend | What\u2019s the difference? | Morningtrain\" \/>\n<meta property=\"og:description\" content=\"In this post, we try to explain and illustrate the difference between \u2018backend\u2019 and \u2018frontend\u2019. Read more in the post here.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/\" \/>\n<meta property=\"og:site_name\" content=\"Morningtrain\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-13T10:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-17T12:34:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Backend-vs.-Frontend.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1248\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Thomas_oe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thomas_oe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/\"},\"author\":{\"name\":\"Thomas_oe\",\"@id\":\"https:\/\/morningtrain.dk\/en\/#\/schema\/person\/63e16ee89f0ebc4bcee579ec153e7ea4\"},\"headline\":\"Backend vs. Frontend\",\"datePublished\":\"2025-11-13T10:00:00+00:00\",\"dateModified\":\"2026-04-17T12:34:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/\"},\"wordCount\":1291,\"image\":{\"@id\":\"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Backend-vs.-Frontend.png\",\"articleSection\":[\"Digitalization\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/\",\"url\":\"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/\",\"name\":\"Backend vs. Frontend | What\u2019s the difference? | Morningtrain\",\"isPartOf\":{\"@id\":\"https:\/\/morningtrain.dk\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Backend-vs.-Frontend.png\",\"datePublished\":\"2025-11-13T10:00:00+00:00\",\"dateModified\":\"2026-04-17T12:34:37+00:00\",\"author\":{\"@id\":\"https:\/\/morningtrain.dk\/en\/#\/schema\/person\/63e16ee89f0ebc4bcee579ec153e7ea4\"},\"description\":\"In this post, we try to explain and illustrate the difference between \u2018backend\u2019 and \u2018frontend\u2019. Read more in the post here.\",\"breadcrumb\":{\"@id\":\"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/#primaryimage\",\"url\":\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Backend-vs.-Frontend.png\",\"contentUrl\":\"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Backend-vs.-Frontend.png\",\"width\":1248,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/morningtrain.dk\/en\/?page_id=66552\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Backend vs. Frontend\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/morningtrain.dk\/en\/#website\",\"url\":\"https:\/\/morningtrain.dk\/en\/\",\"name\":\"Morningtrain\",\"description\":\"Digitalt bureau p\u00e5 1&#039; klasse\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/morningtrain.dk\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/morningtrain.dk\/en\/#\/schema\/person\/63e16ee89f0ebc4bcee579ec153e7ea4\",\"name\":\"Thomas_oe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/morningtrain.dk\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"Thomas_oe\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Backend vs. Frontend | What\u2019s the difference? | Morningtrain","description":"In this post, we try to explain and illustrate the difference between \u2018backend\u2019 and \u2018frontend\u2019. Read more in the post here.","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:\/\/morningtrain.dk\/en\/backend-vs-frontend\/","og_locale":"en_US","og_type":"article","og_title":"Backend vs. Frontend | What\u2019s the difference? | Morningtrain","og_description":"In this post, we try to explain and illustrate the difference between \u2018backend\u2019 and \u2018frontend\u2019. Read more in the post here.","og_url":"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/","og_site_name":"Morningtrain","article_published_time":"2025-11-13T10:00:00+00:00","article_modified_time":"2026-04-17T12:34:37+00:00","og_image":[{"width":1248,"height":720,"url":"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Backend-vs.-Frontend.png","type":"image\/png"}],"author":"Thomas_oe","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Thomas_oe","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/#article","isPartOf":{"@id":"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/"},"author":{"name":"Thomas_oe","@id":"https:\/\/morningtrain.dk\/en\/#\/schema\/person\/63e16ee89f0ebc4bcee579ec153e7ea4"},"headline":"Backend vs. Frontend","datePublished":"2025-11-13T10:00:00+00:00","dateModified":"2026-04-17T12:34:37+00:00","mainEntityOfPage":{"@id":"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/"},"wordCount":1291,"image":{"@id":"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/#primaryimage"},"thumbnailUrl":"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Backend-vs.-Frontend.png","articleSection":["Digitalization"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/","url":"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/","name":"Backend vs. Frontend | What\u2019s the difference? | Morningtrain","isPartOf":{"@id":"https:\/\/morningtrain.dk\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/#primaryimage"},"image":{"@id":"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/#primaryimage"},"thumbnailUrl":"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Backend-vs.-Frontend.png","datePublished":"2025-11-13T10:00:00+00:00","dateModified":"2026-04-17T12:34:37+00:00","author":{"@id":"https:\/\/morningtrain.dk\/en\/#\/schema\/person\/63e16ee89f0ebc4bcee579ec153e7ea4"},"description":"In this post, we try to explain and illustrate the difference between \u2018backend\u2019 and \u2018frontend\u2019. Read more in the post here.","breadcrumb":{"@id":"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/#primaryimage","url":"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Backend-vs.-Frontend.png","contentUrl":"https:\/\/morningtrain.dk\/wp-content\/uploads\/2026\/03\/Backend-vs.-Frontend.png","width":1248,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/morningtrain.dk\/en\/backend-vs-frontend\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/morningtrain.dk\/en\/?page_id=66552"},{"@type":"ListItem","position":2,"name":"Backend vs. Frontend"}]},{"@type":"WebSite","@id":"https:\/\/morningtrain.dk\/en\/#website","url":"https:\/\/morningtrain.dk\/en\/","name":"Morningtrain","description":"Digitalt bureau p\u00e5 1&#039; klasse","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/morningtrain.dk\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/morningtrain.dk\/en\/#\/schema\/person\/63e16ee89f0ebc4bcee579ec153e7ea4","name":"Thomas_oe","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/morningtrain.dk\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"Thomas_oe"}}]}},"_links":{"self":[{"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/posts\/66789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/comments?post=66789"}],"version-history":[{"count":4,"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/posts\/66789\/revisions"}],"predecessor-version":[{"id":67971,"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/posts\/66789\/revisions\/67971"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/media\/66792"}],"wp:attachment":[{"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/media?parent=66789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/categories?post=66789"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/morningtrain.dk\/en\/wp-json\/wp\/v2\/tags?post=66789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}