{"id":779,"date":"2024-08-22T10:02:36","date_gmt":"2024-08-22T03:02:36","guid":{"rendered":"https:\/\/dti-jkt.telkomuniversity.ac.id\/what-is-front-end-and-back-end-complete-guide-for-beginners\/"},"modified":"2024-10-21T17:58:42","modified_gmt":"2024-10-21T10:58:42","slug":"what-is-front-end-and-back-end-complete-guide-for-beginners","status":"publish","type":"post","link":"https:\/\/it-jkt.telkomuniversity.ac.id\/id\/what-is-front-end-and-back-end-complete-guide-for-beginners\/","title":{"rendered":"What is Front End and Back End? Complete Guide for Beginners"},"content":{"rendered":"
\n\t
\n\t\t
\n\t\t\t

What is Front End and Back End? Complete Guide for Beginners <\/span><\/b><\/h1>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

What is Front End?<\/span><\/b><\/h2>\n

Front end<\/em> is a component of a web application that functions as an interface and directly interacts with the user. This section includes all visual elements and designs displayed on the screen, so everything that users see and click on when browsing a website or using an application, including layouts, colors, buttons, menus that affect the visual experience and user interaction, such as images, text, and animations. Therefore, the main task of a developer is to ensure that the appearance of the website is not only aesthetically pleasing but also functional and responsive<\/strong>, so that it is easy to access and use on various devices, be it desktops, tablets, or smartphones. They must pay attention to details in design and interactivity to create an intuitive and enjoyable user experience, while ensuring compatibility and consistency across platforms.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t\n\t\t
\n\t\t\t
\"Front<\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

What is Back end?<\/strong><\/h2>\n

Back end<\/em> is an integral part of a web application that works hidden behind the scenes, so it is not visible to the end user. Although the user does not interact directly with this component, it plays a crucial role in running various important processes that underlie the functionality of the application. This part is responsible for managing business logic, which includes the rules and procedures that govern how data should be processed and transformed. In addition, it also manages data flow by facilitating communication between the server and the database, ensuring that all required information can be accessed correctly and efficiently. The back end<\/em> can be likened to an operational engine that drives the entire system from behind the scenes, ensuring that the application functions optimally and in accordance with the goals that have been set.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t

\n\t\t\n\t\t
\n\t\t\t
\"Back<\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t

Difference between Front end and Back end<\/strong><\/h2>\n

When a user fills and submits a registration form on a website, the Back end<\/em> receives the data as it does not interact directly with the user, then processes it (for example, by storing it in a database) and sends an appropriate response to the Front end<\/em> to be displayed as it receives the request.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>

\n\t
\n\t\t
\n\t\t\t
\n
\n
\n
\n
\n
\n
\n
\n
\n

Read more: <\/strong>Understanding Front End and Back End Complete Explanation<\/span><\/b><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

 <\/p>\n<\/div>\n<\/div>\n

<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"

Front end is a component of a web application that interacts directly with the user. Back end is an integral part of an application. <\/p>\n","protected":false},"author":5,"featured_media":393,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wds_primary_category":0,"footnotes":""},"categories":[80,66],"tags":[],"class_list":["post-779","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artikel","category-webdev-en"],"blocksy_meta":[],"gutentor_comment":0,"rttpg_featured_image_url":{"full":["https:\/\/it-jkt.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/08\/Salinan-dari-Header-Website-TUJ-1.webp",1920,1080,false],"landscape":["https:\/\/it-jkt.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/08\/Salinan-dari-Header-Website-TUJ-1.webp",1920,1080,false],"portraits":["https:\/\/it-jkt.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/08\/Salinan-dari-Header-Website-TUJ-1.webp",1920,1080,false],"thumbnail":["https:\/\/it-jkt.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/08\/Salinan-dari-Header-Website-TUJ-1-150x150.webp",150,150,true],"medium":["https:\/\/it-jkt.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/08\/Salinan-dari-Header-Website-TUJ-1-300x169.webp",300,169,true],"large":["https:\/\/it-jkt.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/08\/Salinan-dari-Header-Website-TUJ-1-1024x576.webp",1024,576,true],"1536x1536":["https:\/\/it-jkt.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/08\/Salinan-dari-Header-Website-TUJ-1-1536x864.webp",1536,864,true],"2048x2048":["https:\/\/it-jkt.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/08\/Salinan-dari-Header-Website-TUJ-1.webp",1920,1080,false],"trp-custom-language-flag":["https:\/\/it-jkt.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/08\/Salinan-dari-Header-Website-TUJ-1.webp",18,10,false]},"rttpg_author":{"display_name":"dianaape@telkomuniversity.ac.id","author_link":"https:\/\/it-jkt.telkomuniversity.ac.id\/id\/author\/dianaapetelkomuniversity-ac-id\/"},"rttpg_comment":0,"rttpg_category":"Artikel<\/a> WebDev<\/a>","rttpg_excerpt":"Front end is a component of a web application that interacts directly with the user. Back end is an integral part of an application.","_links":{"self":[{"href":"https:\/\/it-jkt.telkomuniversity.ac.id\/id\/wp-json\/wp\/v2\/posts\/779","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it-jkt.telkomuniversity.ac.id\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/it-jkt.telkomuniversity.ac.id\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/it-jkt.telkomuniversity.ac.id\/id\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/it-jkt.telkomuniversity.ac.id\/id\/wp-json\/wp\/v2\/comments?post=779"}],"version-history":[{"count":0,"href":"https:\/\/it-jkt.telkomuniversity.ac.id\/id\/wp-json\/wp\/v2\/posts\/779\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/it-jkt.telkomuniversity.ac.id\/id\/wp-json\/wp\/v2\/media\/393"}],"wp:attachment":[{"href":"https:\/\/it-jkt.telkomuniversity.ac.id\/id\/wp-json\/wp\/v2\/media?parent=779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/it-jkt.telkomuniversity.ac.id\/id\/wp-json\/wp\/v2\/categories?post=779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/it-jkt.telkomuniversity.ac.id\/id\/wp-json\/wp\/v2\/tags?post=779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}