Что такое front-end и back-end?

    Фронтент и бекенд

    Часто мне приходилось слышать оба этих термина, причём люди, которые ими оперировали, порой даже близко не понимали их сути. Front-end (фронтенд) и back-end (бекенд) используются во многих сферах и отраслях, однако мы поговорим именно об IT, или, даже более конкретно, о Web-разработке.

    Фронтненд – браузер, бекенд – сервер

    Говоря я фронтенде и бекенде, программисты обычно подразумевают разделение интерфейсной части пользователя от программной логики. В этом случае front-end – это интерфейсная часть, которая выполняется, например, в браузере, а back-end – это серверная часть.

    В Web-разработке, например, в качестве фронтенда выступают HTML-вёрстка, стили CSS и JavaScript, а в качестве бекенда – серверная часть, которую обычно программируют на PHP или ASP.net. Грубо говоря, всё то, что исполняется на стороне клиента – front-end, а то, что на стороне сервера – back-end. Кстати, поскольку пользователи не видят бекенд, то программисты могут поменять его «втихую». Twitter, например, в качестве бекенда некоторое время использовал Ruby on Rails, но в 2011 году перешел на Java. Готов поспорить, большинство даже и не заметило этого!

    Фронтненд – статика, бекенд – программный код

    В среде разработчиков высоконагруженных систем (highload-разработчиков) термином front-end называют ту программную часть, которая непосредственно «отдаёт» контент. Например, на больших проектах часто программную серверную часть представляют 2 веб-сервера – Apache и nginx. Nginx принимает запросы и, в случае статического файла, (изображение, файл css, js или xml) сразу же отдаёт его содержимое, а в случае PHP-скрипта, отправляет его к серверу Apache, который уже умеет обрабатывать PHP. Тут nginx – это фронтенд, а Apache – бекенд. Конечно, высоконагруженные системы имеют сложную инфраструктуру, и порой представляют собой много серверов, разнесённых по разным континентам, но общую суть вы уловили.

    Фронтненд – открытые данные, бекенд – админка

    Также, когда говорят об CMS, административную часть называют back-end, а «лицевую» часть сайта – front-end. С такой трактовкой термина я сталкивался реже всего, однако многие его применяют повсеместно.

    Так что же такое фронтенд и бекенд?

    Если вы не лишены логического мышления, то поймёте в чём нюанс: в одной сфере один и тот же термин имеет 3 (!) различных значения:

    • Браузерная / серверная часть (самый популярный вариант);
    • Серверная часть, отдающая статику / серверная часть, выполняющая код (highload);
    • Часть сайта для пользователей / часть сайта для администраторов и модераторов.

    И это не считая всяких там маркетологов (у них тоже есть такие термины). Конечно же, о каком именно термине идёт речь становится ясно только из контекста, а порой и вовсе не понятно, вот люди и путаются в таком разнообразии. Надеюсь, данная заметка поможет вам разобраться во всех тонкостях терминологии и выведет на путь истинный :-).

    Комментарии

    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.
    05.01.2019 12:42:47
    Avatar of StevenBuileStevenBuile
    viagra samples coupons from pfizer
    <a href="http://viagrapipls.com/">generic viagra</a>
    viagra price uk boots
    <a href="http://viagrapipls.com/">buy viagra</a>
    viagra generic availability sildenafil citrate) malegra 100 mg
    07.01.2019 03:55:44
    Avatar of DavidRatDavidRat
    how does fildena work
    <a href="http://fildenaonl.com/">fildena</a>
    fildena 50 canada
    <a href="http://fildenaonl.com/">fildena</a>
    fildena 50 mg tablets buy here in usa
    07.01.2019 05:03:54
    Avatar of RobertothemRobertothem
    generic viagra price in india
    <a href="http://viagrapipls.com/">viagra</a>
    cost of viagra cialis and levitra
    <a href="http://viagrapipls.com/">buy viagra</a>
    effectiveness of cialis vs viagra vs levitra which is better
    10.01.2019 12:50:07
    Avatar of ThomasTitThomasTit
    sildenafil citrate does what
    <a href="http://sildenafilcitratepw.com/">sildenafil</a>
    sildenafil citrate 20 mg tab amne
    <a href="http://sildenafilcitratepw.com/">buy sildenafil citrate</a>
    sildenafil citrate generic walmart
    13.01.2019 04:38:32
    Avatar of MichaeljesMichaeljes
    Здравствуйте! класный у вас сайт!
    Нашел русскую базу кино: <a href=http://kinovalenok.tv/>кино ужасы смотреть онлайн лучшее</a>
    Здесь: <a href=http://kinovalenok.tv/fantastika/>смотреть фантастику 2018 года в хорошем качестве</a> смотреть лучшие фильмы фантастика 2018 2018 список 2018
    Тут: смотреть фильмы бесплатно русские комедии лучшие http://kinovalenok.tv/komediya/ рейтинг 2018
    Здесь: <a href=http://kinovalenok.tv/melodrama/>смотреть хорошие сериалы мелодрамы</a> ютуб смотреть фильмы в хорошем качестве мелодрамы список 2019
    Здесь: http://kinovalenok.tv/6943-cherepashki-nindzya-teenage-mutant-ninja-turtles-1990.html <b> Смотреть Черепашки-ниндзя / Teenage Mutant Ninja Turtles (1990) онлайн бесплатно </b>
    Здесь: <a href=http://kinovalenok.tv/14616-roman-stivena-kinga-o-magicheskom-byuike-poluchit-ekranizaciyu.html> Роман Стивена Кинга о магическом Бьюике получит экранизацию </a> <b> Роман Стивена Кинга о магическом Бьюике получит экранизацию </b>
    Тут: http://kinovalenok.tv/7674-misticheskiy-dzhoker-tv-2-kaitou-joker-tv-2-2015.html
    13.01.2019 07:04:06
    Avatar of KennethBomKennethBom
    Приветствую! класный у вас сайт!
    Нашел топ базу кино: <b> смотреть лучшие боевики года </b> <a href=http://inspacefilm.ru/>http://inspacefilm.ru/</a>
    Здесь: <a href=http://inspacefilm.ru/fantastika/>смотреть лучшие фильмы фантастика боевик</a> фильмы онлайн фантастика самая лучшая список 2019
    Здесь: комедия бабушка легкого поведения смотреть в хорошем http://inspacefilm.ru/komediya/ список 2018
    Здесь: <a href=http://inspacefilm.ru/melodrama/>кино мелодрамы бесплатно хорошего качества</a> смотреть онлайн лучшие русские мелодрамы 2019 список 2018
    Здесь: http://inspacefilm.ru/10717-gorod-poteryannyh-detey-la-cite-des-enfants-perdus-1995.html <b> Смотреть Город потерянных детей / La cit'e des enfants perdus (1995) онлайн бесплатно </b>
    Тут: <a href=http://inspacefilm.ru/14017-ono-it-hd-2017.html> Оно / It HD (2017) онлайн </a> Смотреть Оно / It HD (2017) онлайн бесплатно
    Тут: http://inspacefilm.ru/6685-batl-krik-battle-creek-sezon-1-2015.html
    14.01.2019 03:05:46
    Avatar of RandyAponaRandyApona
    brand viagra online
    <a href="http://viagrapipls.com/">viagra generic</a>
    preço do viagra 50mg generico
    <a href="http://viagrapipls.com/">generic viagra</a>
    female viagra customer reviews
    Captcha Обновить
    Go Top