{"id":3815,"date":"2022-09-07T11:26:44","date_gmt":"2022-09-07T15:26:44","guid":{"rendered":"https:\/\/webtechagency.ca\/?p=3815"},"modified":"2023-08-07T19:27:13","modified_gmt":"2023-08-07T23:27:13","slug":"what-does-frontend-of-my-website-mean","status":"publish","type":"post","link":"https:\/\/webtechagency.ca\/what-does-frontend-of-my-website-mean\/","title":{"rendered":"What does \u201cFrontend\u201d of my website mean?"},"content":{"rendered":"\n<p>Simply put, the \u201cFrontend\u201d of your website is the public side that your visitors will see.<\/p>\n\n\n\n<p>More technically, it\u2019s the sum total of all the layers in your website stack working together to present the webpage through a browser.<\/p>\n\n\n\n<p>Think of your website like a sandwich.&nbsp;<\/p>\n\n\n\n<p>And like every good sandwich, it has layers.<\/p>\n\n\n\n<p>The layers are the ingredients of your sandwich.<\/p>\n\n\n\n<p>Here are common (and simplified) ingredients layers that most WordPress sandwiches websites have:<\/p>\n\n\n\n<ul><li>Domain<\/li><li>DNS<\/li><li>Web server<\/li><li>Website files<\/li><li>Database<\/li><li>Browser<\/li><li>Device<\/li><\/ul>\n\n\n\n<p>The \u201cFrontend\u201d of your website is a compilation of all these layers working together, and it\u2019s what the visitor will see on their end.<\/p>\n\n\n\n<p>It\u2019s the result of all the design and development put into a website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Hungry for a little more knowledge?<\/h2>\n\n\n\n<p>So here\u2019s how it all plays out using our sandwich analogy:<\/p>\n\n\n\n<ul><li>Layers = ingredients<\/li><li>Recipe = programming\/code<\/li><li>Kitchen = web stack<\/li><li>Chef = web designer\/developer<\/li><li>Sandwich = website<\/li><li>Browser = customer<\/li><li>Frontend = what is presented to the customer<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Now here\u2019s the interesting part.<\/h2>\n\n\n\n<p>When you click a link or type in the URL for a website, your requesting or ordering a sandwich.<\/p>\n\n\n\n<p>That sandwich is then assembled (on-demand) in the kitchen using ingredients set in the recipe by the chef and delivers it to the customer to eat.&nbsp;<\/p>\n\n\n\n<p>More technically, the website is assembled (on-demand) by the web stack using the layers programmed by the web developer and presented in the browser to click through.<\/p>\n\n\n\n<p>Now, web developers and chefs alike will critique my anecdote here, but I think they can all agree that it serves the purpose of illustrating the complexity of website, even if they don\u2019t agree on the specifics.<\/p>\n\n\n\n<p>Looking for a chef to design your special sandwich?<\/p>\n\n\n\n<p>We can help with that.<\/p>\n\n\n\n<p><a href=\"https:\/\/webtechagency.ca\/websites-design-services\/\">https:\/\/webtechagency.ca\/websites-design-services\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Simply put, the \u201cFrontend\u201d of your website is the public side that your visitors will see. More technically, it\u2019s the sum total of all the layers in your website stack working together to present the webpage through a browser. Think of your website like a sandwich.&nbsp; And like every good sandwich, it has layers. The [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3820,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[27],"tags":[],"acf":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/webtechagency.ca\/wp-content\/uploads\/2022\/09\/what-is-the-frontend-of-my-websites.jpg","_links":{"self":[{"href":"https:\/\/webtechagency.ca\/wp-json\/wp\/v2\/posts\/3815"}],"collection":[{"href":"https:\/\/webtechagency.ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webtechagency.ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webtechagency.ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webtechagency.ca\/wp-json\/wp\/v2\/comments?post=3815"}],"version-history":[{"count":2,"href":"https:\/\/webtechagency.ca\/wp-json\/wp\/v2\/posts\/3815\/revisions"}],"predecessor-version":[{"id":3817,"href":"https:\/\/webtechagency.ca\/wp-json\/wp\/v2\/posts\/3815\/revisions\/3817"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webtechagency.ca\/wp-json\/wp\/v2\/media\/3820"}],"wp:attachment":[{"href":"https:\/\/webtechagency.ca\/wp-json\/wp\/v2\/media?parent=3815"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webtechagency.ca\/wp-json\/wp\/v2\/categories?post=3815"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webtechagency.ca\/wp-json\/wp\/v2\/tags?post=3815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}