facebook mail marker

Навигация

Фронтенд vs Бэкенд

  • Posted by
  • разработка
  • Comments: 34

Обращаясь в компанию занимающуюся разработкой сайта, Вы наверняка услышите эти слова, но что они обозначают и для чего нужны? Давайте разберемся! Начнем с определений:

Фронтенд – это та часть сайта которая выводится на экран средствами браузера. Браузер «умеет» обрабатывать файлы HTML, CSS и JavaScript.

  • HTML – файл в котором браузер получает указания какую информацию содержит страница.
  • CSS – файл содержащий указания по отображению различных элементов страницы. Например, что заголовок страницы должен быть зеленого цвета, а следующий текстовый блок должен располагаться на 20 пикселей ниже.
  • JavaScript – в этом файле содержатся указания по поведению некоторых элементов страницы, при взаимодействии с ними пользователем. Такие, как всплывающие окна или слайдеры.

Бэкенд – это скрытая от пользователя часть сайта, обрабатываемая сервером.

Для написания бэкенда сайта можно использовать один из универсальных языков программирования Ruby, PHP, Python, Java. Не мало важной частью бэкэнда является связь сайта с базой данных и управление ей.

Так как же они связаны?

На данный момент существует несколько видов взаимодействия фронтенда и бэкенда:

Серверные приложения

В данном варианте взаимодействие осуществляется напрямую с сервером при помощи HTTP-запроса, в качестве ответа сервер отдает HTML-страницу. После получения запроса, сервер обрабатывает запрос, находит в базе данных  соответствующие 

 ему записи, после чего встраивает эти записи в подготовленный шаблон. Далее собранная страница загружается в браузер, где с помощью HTML, CSS b JavaScript определяется ее вид и поведение.

Связь с сервером при помощи AJAX

Следующий вид взаимодействия использующийся для связи с сервером это AJAX.

Он предпологает, что браузер обрабатывает JavaScript, который отправляет HTTP-запрос и в ответ получает XML, при этом не производя перезагрузку страницы. Все обновления данных на странице сайта происходят на стороне клиента не производя обновление страницы в браузере.

В таком виде связи с сервером фронтенд будет связан с бэкендом через HTTP.

Универсальный  вид

Используя специальные библиотеки, такие как React и Ember, можно исполнять сценарий сайта как на сервере так и браузере. Для связи фронтенда с бэк эндом в этом случаем будет использоваться AJAX.

Последние публикации

Фронтенд vs Бэкенд

Обращаясь в компанию занимающуюся разработкой сайта, Вы наверняка услышите эти слова, но что они обозначают и для чего нужны? Давайте разберемся!

Разработка дизайна сайта

Внешний вид сайта и его восприятие посетителями играет важнейшую роль в его эффективности, как рекламного инструмента. Именно поэтому этап разработки дизайна сайта - без преувеличения самый ответственный, не только для разработчиков, но и для заказчика.

Техническое задание на разработку сайта

В данной статье мы опишем, структуру любого технического задания на разработку сайта. Это обязательные разделы, описывающие основные функции сайта, а так же среду в которой он разрабатывается и поддерживается.

Тенденции современного web-дизайна

Web-дизайн - быстро развивающаяся, динамичная сфера, в которой даже за короткий срок может поменяться буквально все. В статье описываются наиболее актуальные тенденции web-дизайна. Описываются стили, их сильные и слабые стороны с точки зрения интерфейса.

Структура и проектирование страниц сайта

Для любого сайта правильное проектирование и грамотная структура - залог его эффективности, после "продашена". Данная статья показывает, как сделать ваш сайт удобным и понятным с точки зрения его структуры не только для пользователя, но и для поисковой системы.
Оставить комментарий
kuhninazakaz.info 02 Jun 2018 в 20:29 #
Гардеробные недорого купить Наро-Фоминск

http://kuhninazakaz.info/page/garderobnie-nedorogo-kupit-naro-fominsk/
.
kuhninazakaz.info 02 Jun 2018 в 02:29 #
купить кухню цены Королёв

http://kuhninazakaz.info/page/kupit-kuhnyu-tseni-korolev/
.
kuhninazakaz.info 01 Jun 2018 в 22:35 #
детские спальни купить Реутов

http://kuhninazakaz.info/page/detskie-spalni-kupit-reutov/
.
kuhninazakaz.info 01 Jun 2018 в 22:14 #
угловой шкаф купе Люберцы

http://kuhninazakaz.info/page/uglovoj-shkaf-kupe-lyubertsi/
.
kuhninazakaz.info 01 Jun 2018 в 21:34 #
дизайн кухонь Черноголовка

http://kuhninazakaz.info/page/dizajn-kuhon-chernogolovka/
.
FortunaOn 31 May 2018 в 06:35 #
<a href=http://85jtg3.com/alt/playfortuna/?1880ad255fab92ecdcaa872ebe327c 28><img src="http://www.hospitechsolutions.com/wp-content/uploads/2018/01/1428 658522.gif"></a>
-

<a href=http://85jtg3.com/alt/playfortuna/?1880ad255fab92ecdcaa872ebe327c 28>CLICK HERE!</a>
<a href=http://85jtg3.com/alt/playfortuna/?1880ad255fab92ecdcaa872ebe327c 28>НАЖМИ ЗДЕСЬ!</a>

-
gepatitu-c.net 23 May 2018 в 22:57 #
Какие анализы сдать после лечения гепатита с


http://gepatitu-c.net/page/kakie-analizi-sdat-posle-lecheniya-gepatita -s/

.
taxi-vovrema.info 23 May 2018 в 13:18 #
такси от аэропорта внуково до люберцы

http://taxi-vovrema.info/page/taksi-ot-aeroporta-vnukovo-do-lyubertsi/
.
gepatitu-c.net 23 May 2018 в 11:24 #
Вирусный гепатит у уток симптомы и лечение


http://gepatitu-c.net/page/virusnij-gepatit-u-utok-simptomi-i-lechenie /

.
gepatitu-c.net 23 May 2018 в 09:05 #
Стоимость лечения гепатита с 2018


http://gepatitu-c.net/page/stoimost-lecheniya-gepatita-s-2018/

.

Присоединяйтесь к нам в социальных сетях

Мы всегда рады живому общению на наших площадках в популярных социальных
сетях. Полезный контент, отличные кейсы и немного юмора.