What is front-end and back-end?

    Front and backend

    I've heard both of these terms often, and the people who used them sometimes didn't even understand their essence. Front-end and back-end are used in many areas and industries, but we will talk about IT, or, more specifically, about Web development.

    Front-end – browser, back-end – server

    When talking about front-end and back-end, programmers usually mean separating the user interface from the program logic. In this case, front-end – is the interface part, which is executed, for example, in the browser, and back-end – this is the server part.

    In web development, for example, the frontend is the HTML layout, CSS styles and JavaScript, and the backend is the server part, which is usually programmed in PHP or ASP.net. Roughly speaking, everything that is executed on the client side is the front-end, and everything on the server side is the back-end. By the way, since users do not see the backend, programmers can change it "quietly". Twitter, for example, used Ruby on Rails as a backend for some time, but switched to Java in 2011. I bet most people didn't even notice!

    Frontend is static, backend is program code

    In the environment of developers of high-load systems (highload developers), the term front-end refers to the software part that directly "delivers" the content. For example, in large projects, the software server part is often represented by 2 web servers – Apache and nginx. Nginx accepts requests and, in the case of a static file (image, css, js or xml file), immediately delivers its contents, and in the case of a PHP script, sends it to the Apache server, which already knows how to process PHP. Here nginx – is the frontend, and Apache – is the backend. Of course, high-load systems have a complex infrastructure, and sometimes represent many servers distributed across different continents, but you get the general idea.

    Frontend - open data, backend - admin

    Also, when talking about CMS, the administrative part is called back-end, and the "front" part of the site - front-end. I have encountered this interpretation of the term the least often, but many people use it everywhere.

    So what is frontend and backend?

    If you are not deprived of logical thinking, then you will understand the nuance: in one area, the same term has 3 (!) different meanings:

    • Browser / server part (the most popular option);
    • Server part that returns statics / server part that executes code (highload);
    • Part of the site for users / part of the site for administrators and moderators.

    And this is not counting all sorts of marketers (they also have such terms). Of course, what term is being discussed only becomes clear from the context, and sometimes it is not clear at all, so people get confused in such a variety. I hope this note will help you understand all the subtleties of terminology and lead you on the right path :-).

    COMMENTS

    24.12.2013 10:20:11
    Avatar of Юра ГалинЮра Галин
    Да, точность здесь не помешает, особенно, если ты разрабатываешь highload проект на CMS :)
    Хорошая статья!
    16.08.2014 10:15:54
    Avatar of 202202
    Спасибо за статью. Если вам не трудно - загружайте, пожалуйста, как можно больше статей по програмированию.
    04.04.2015 12:14:45
    Avatar of Константин Абрамов ( Та самая, кожаная флейта)Константин Абрамов ( Та самая, кожаная флейта)
    Да. Так и есть. Всё правильно описал.
    10.04.2015 02:46:31
    Avatar of ЮляЮля
    Скажите, пожалуйста, если название курса звучит "HTML5 и CSS3" . Это подразумевает фронтенд? http://www.basic.com.ua/course.php?course=159
    23.04.2015 03:34:16
    Avatar of КонсервКонсерв
    @Юля
    HTML5 и CSS3 - это "часть фронтенда", если так можно выразиться.
    06.12.2015 03:26:15
    Avatar of Martin OderskyMartin Odersky
    Twitter перешел не на Java, а на Scala.
    10.12.2015 01:28:30
    Avatar of КонсервКонсерв
    @Martin Odersky
    Twitter использует и Java и Scala (и ещё маленький зоопарк :-)). Вот небольшая заметка 2011 года о их миграции: http://readwrite.com/2011/07/06/twitter-java-scala
    16.05.2016 10:14:37
    Avatar of AndreyAndrey
    Спасибо за статью, как раз то что искал, разжевано и объяснено.
    23.05.2016 10:58:00
    Avatar of webdesolwebdesol
    Благодарю за статью!
    26.07.2016 03:40:52
    Avatar of rockyourockyou
    Статья, конечно, из 2013, но уже вовсю развиваются backend as a service платформы, а везде про них молчок. Даже пришлось самим запускать в России :) Для тех, кто хочет разобраться - <реклама сервиса>.
    30.09.2016 06:01:43
    Avatar of ВикторияВиктория
    Класс, спасибо. Четко и понятно
    28.03.2017 01:25:42
    Avatar of AlexAlex
    Спасиб! Коротко и понятно
    28.03.2017 02:07:14
    Avatar of ПиуПиу
    Збс, четко!
    01.05.2018 03:54:44
    Avatar of MatthewAlivyMatthewAlivy
    Hello. And Bye.

    Adding comments is temporarily disabled for unregistered users.

    Go Top