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

Что такое 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 ПиуПиу
Збс, четко!
14.03.2018 04:57:36
Avatar of REMONTsigREMONTsig
Geoeconomics We n we publish all of them current and important news Russia, analytics experts. All bad in the world is created with the quiet tacit consent of the indifferent. No one provides us with incentives. We are Enthusiasts. We are building a civil society. The people are the bearer of sovereignty and the only source of power. No one can usurp power. Useful topics - Chernobyl <a href=http://remmont.com>Chicago Finance</a>

<IMG>http://remmont.com/wp-admin/images/1.gif alt=Donbass border=10 height=90 width=240</IMG>
16.03.2018 03:11:05
Avatar of OtelCemOtelCem
Недорогой отель рядом с центром Нижнего Новгорода. Ближайшая станция метро недалеко от гостиницы, что позволяет попасть в центр города за 10-15 минут. Гостиница располагается в Нижнем Новгороде рядом с ЖД вокзалом и стадионом.
- hotel52.ru -

http://hotel52.ru - Отель в Нижнем Новгороде
17.03.2018 05:09:17
Avatar of mabledw18mabledw18
Started up to date cobweb stand out
http://whipme.yopoint.in/?dispatch.athena
adult videos indian erotic art erotic text messages sex positions sapphire erotic
21.03.2018 09:57:17
Avatar of MichaelunarkMichaelunark
Romantic Piano by Andrew_Studio | AudioJungle http://workle.website/4d
https://audiojungle.net/item/cinematic-trailer/20815683?ref=MomentumOfMelody
https://audiojungle.net/user/momentumofmelody/portfolio?ref=MomentumOfMelody https://audiojungle.net/user/ie_sound/portfolio?ref=IE_Sound https://audiojungle.net/user/elijah_studio/portfolio?ref=Elijah_Studio
https://audiojungle.net/user/commercial_music/portfolio?ref=Commercial_Music
27.03.2018 06:59:51
Avatar of EdwinThymnEdwinThymn
27.03.2018 02:41:48
Avatar of EssaeeyMenEssaeeyMen
Running late with the deadline for your work? Then we are your reliable assistant in paper help.

Get ready to ask for our assistance when you need essays, research or course works, reports, case studies, etc.
Our experts have seen it all and are ready to start working on your assignment right away. Go for it!

Get an <a href=http://bit.ly/2ykp1Qw>essay</a> or any other homework writing help


https://is.gd/1ZI3nJ

pay someone write my paper lunch boxes
pay someone do my essay jkr
writing my research mead paper ohio
write my philosophy paper slitter
write my paper apa paper example
buy argumentative sample english essay upsr
buy good essay fbo
buy argumentative travel essay npr
buy local essay nxp
need somebody write my wallpaper dfw
write my philosophy english upsr paper sjk
write my philosophy education recycling paper at home
buy good essay gz250
buy free essay apple ipod marketing plan
can do my essay kk hospital
need buy essay mhsaa
buy explain how an essay differs from a short story
write my paper ppi
do my history essay svengali
buy law essay yli


http://ow.ly/GgNW30gh3qA
29.03.2018 07:43:06
Avatar of TERenlhAxTERenlhAx

Основною метою діяльності Агенції є сприяння боротьбі з корупцією, громадський контроль за дотриманням
Конституції та Законів України посадовими особами державних органів влади, органів місцевого самоврядування,
правоохоронних органів, прокуратурою та судами, захист прав та законних інтересів членів Організації та інших осіб

Для досягнення своєї мети ми ставимо перед собою наступні завдання :

Розвиток міжнародних зв’язків, обмін досвідом з іноземними організаціями.
Здійснення аналітичної та консультативної діяльності. Проведення антикорупційної експертизи нормативно-правових актів та рішень
органів державної влади.
Співпраця з науковими організаціями, університетами, експертними установами, громадськими організаціями, компаніями,
асоціаціями, об’єднаннями, державними органами влади, органами місцевого самоврядування, іншими фізичними та юридичними
особами тощо в Україні та за кордоном.
Проведення опитувань, формування узагальнених звітів за результатами таких опитувань.

<a href=https://transparency.agency/text/statut-agencia>Департамент Национального бюро по противодействию коррупции</a>


<a href=https://transparency.agency/text/strategia-rozvitku>Знешкодити та запобігти Актуальные проблемы противодействия коррупции</a>

<a href=https://transparency.agency/text/agencia>Противодействие коррупции</a>

<a href=https://transparency.agency/text/pro-nas>Національне антикорупційне бюро</a>

<a href=https://transparency.agency>Бюро по борьбе с коррупцией Национальное Бюро по противодействию коррупции</a>

<a href=https://transparency.agency/text/statut-agencia>Антикоррупционная служба - Главная страница</a>

<a href=https://transparency.agency/text/statut-agencia>Знешкодити та запобігти</a>

<a href=https://transparency.agency/text/strategia-rozvitku>Національне антикорупційне бюро</a>
<a href=https://transparency.agency>Всё о коррупции</a>

<a href=https://transparency.agency/text/statut-agencia>Уголовная политика Европейского союза в сфере противодействия</a>
30.03.2018 02:24:36
Avatar of kamagra vs kamagra goldkamagra vs kamagra gold
kamagra cost
<a href="http://kamagradxt.com/">kamagra gold</a>
kamagra kopen amsterdam
<a href="http://kamagradxt.com/">kamagra 100mg oral jelly side effects</a>
kamagra kopen in de winkel utrecht
http://kamagradxt.com/
kamagra oral jelly in australia
04.04.2018 02:04:33
Avatar of roksirorroksiror
oukitel запчасти: https://xn--80aao0avbcl.xn--j1amh/raznaia-elektronika/portativnye-zariadki/
18.04.2018 07:59:20
Avatar of BrizansonBrizanson
discount generic cialis
http://viagrawithoutdoctorus.net - viagra without a doctor prescription disocunt cialis
<a href="http://viagrawithoutdoctorus.net">viagra without a doctor prescription</a> - cialis 20mg side effects faq
cialis fast heart beat
20.04.2018 11:58:00
Avatar of INSURANCEsigINSURANCEsig
Ukrainian political news today. We n we publish all of them fresh and topical events Russia, estimates experts. All bad on earth exists with the quiet tacit consent of the indifferent. No one provides us with incentives. We are Enthusiasts. We are building a civil society. The people are the bearer of sovereignty and the only source of power. No one can usurp power. Useful topics - USA and Russia <a href=http://insurance.remmont.com>Oklahoma-city Finance</a>

<IMG>http://insurance.remmont.com/wp-admin/images/1.png alt=USA news border=10 height=240 width=400</IMG>
<a href=https://twitter.com/remontkvartir> TWITTER </a>
<a href=https://www.facebook.com/Sweden-Finance-183503595508174/> FACEBOOK </a>
<a href=https://plus.google.com/u/0/communities/109626175611129245612> GOOGLE+ </a>
<a href=https://vk.com/public150956003>seattle</a>
24.04.2018 04:01:17
Avatar of StashamStasham
<img>http://partnerkalab.ru/wp-content/uploads/2017/12/Kryptex_mayning-520x245.jpg</img>

<b>Кryptex</b> — абсолютно бесплатная программа, позволяющая заработать криптовалюту.
Данная программа отличается от большинства сервисов для майнинга!

Во-первых, она бесплатная, и это не сервис для клауд-майнинга поскольку здесь многое зависит от мощности компьютера, чем выше производительность компьютера — тем больше можно заработать, а если подключить ферму, то доход будет очень серьёзный.
Во-вторых, разработчики предусмотрели вывод денег множеством способов и даже на прямую на банковскую карточку. Среди прочего есть достаточно привычные: Qiwi, Яндекс деньги и Paypal, вывод минималки 50 рублей.

<b>Воспользоваться сервисом очень просто:</b>

1. нужно скачать приложение;
2. <a href=http://bidfx.ru/www.kryptex.org>зарегистрироваться</a>
3. включить программу;
4. получать выплаты.

Таким образом минимально можно заработать 1500 рублей, получать выплаты при этом можно в биткоинах, рублях, тенге или гривнах.
Более подробно как настроить Кryptex, и повысить свою прибыль <a href=http://bidfx.ru/kryptex>читайте тут</a>
Captcha Обновить
Go Top