facebook mail marker

Навигация

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

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

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

Фронтенд – это та часть сайта которая выводится на экран средствами браузера. Браузер «умеет» обрабатывать файлы 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-дизайна. Описываются стили, их сильные и слабые стороны с точки зрения интерфейса.

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

Для любого сайта правильное проектирование и грамотная структура - залог его эффективности, после "продашена". Данная статья показывает, как сделать ваш сайт удобным и понятным с точки зрения его структуры не только для пользователя, но и для поисковой системы.
Оставить комментарий
KrasnovArpi 24 Apr 2018 в 23:56 #
31 3. 1 Интернет-магазины продуктов для деток Для действенного продвижения страниц с учетом темы нужно доэтого только взятьвтолк специфику ветви и, исходя из собранных данных, упражнять стратегию и выбирать приборы. [url=https://webcrasty.ru/]Продвижение сайта на английском[/url] эта функция будет чрезвычайно комфортной для постоянных покупателей, так как значительно уменьшит время дизайна приобретения. Что касается интернет-магазинов продуктов для деток, отличи- тельной чертой предоставленного сектора базара является его целевая аудитория. Для потен- циальных покупателей – юных родителей( как правило, мам) – одним из главных причин при принятии решения о приобретению является доверие.

Причем доверие как к самому интернет-магазину, так и к предлагаемому набору. Ведь предки с особенной скрупулезность избирают продукты для деток, чтоб быть полностью убежденными в качестве, полезности и сохранности искомого продукта. Эта функция будет чрезвычайно комфортной для постоянных покупателей, так как значительно уменьшит время дизайна приобретения [url=https://webcrasty.ru/]услуги раскрутки сайтов[/url] . Еще одной важной индивидуальностью предоставленной темы является то, что воспрещать детские продукты удобнее в одном месте.
Phillipbah 23 Apr 2018 в 23:11 #
<a href=http://lastnewstoday.ru/pr/adult><img>http://lastnewstoday.ru/pr/ adult/images/9068b248538e.jpg</img></a>

<a href=http://lastnewstoday.ru/pr/adult>православный сайт знакомств</a>

Онлайн сообщество знакомств для интима. лучшие знакомства для XXX в твоем городе. Не проходи мимо - не пожалеешь!

сайт табор знакомства версия, знакомства петропавловском, знакомства в воронеже без регистрации бесплатно, знакомство без майла, знакомства челябинск без, знакомства в гомеле, гей знакомства без, знакомства екатеринбург бесплатно, секс знакомства челябинск, знакомства девушками г, сайт знакомств красноярск, сайт знакомств круг, секс знакомства саратов, сайт знакомств кому за 50, знакомства подольск, интим знакомства регистрация, искать сайт знакомств, секс знакомства казань, время знакомства, loveplanet сайт знакомств, самые лучшие знакомства, знакомства в омске без регистрации, знакомство на ночь телефоны, сайт знакомств табор мобильная версия, яндекс знакомства, план знакомство, конспект знакомство с классом, друг вокруг знакомства регистрация, красивые знакомства, занятие знакомство с группой, сайт знакомств москва для серьезных отношений бесплатно, знакомства с богатыми женщинами, сайт знакомств уфа, знакомства с военными для серьезных, знакомства в возрасте, секс со знакомством, бесплатно знакомства город, интим знакомства без регистрации, сайт знакомств в минске, баду сайт знакомств на русском, самые популярные сайты знакомств
bebettyGob 16 Apr 2018 в 04:40 #
Здравствуйте Уважаемый Администратор Сайта.

Устали раскручивать свой Сайт?

- Мы с удовольствием Вам поможем.

Предлагаем раскрутку Сайта с помощью ссылок и объявлений на форумах.

Размещение объявлений для поиска клиентов - Подробности здесь:
red222.ru/14701.htm

Размещение ссылок - Подробности здесь:
red222.ru/14700.htm


ОПЛАТА ПОСЛЕ ВЫПОЛНЕНИЯ
DonaldHek 02 Apr 2018 в 21:19 #
Эффективное продвижение в интернете.
скачать базу синонимов для allsubmitter
http://bit.ly/2yvpbEy - база автоматической регистрации allsubmitter
DonaldHek 01 Apr 2018 в 12:13 #
Эффективное продвижение в интернете.
подключить базы для allsubmitter
http://bit.ly/2yvpbEy - белые базы к allsubmitter
DonaldHek 29 Mar 2018 в 19:26 #
Эффективное продвижение в интернете.
скачать базы allsubmitter 2014
http://bit.ly/2yvpbEy - база трастовых сайтов для allsubmitter
DonaldHek 28 Mar 2018 в 22:22 #
Эффективное продвижение в интернете.
база 2012 allsubmitter
http://bit.ly/2yvpbEy - веб сайт создание
DonaldHek 27 Mar 2018 в 19:22 #
Эффективное продвижение в интернете.
собрать базу для allsubmitter
http://bit.ly/2yvpbEy - продвижение сайта статьями
DonaldHek 26 Mar 2018 в 23:33 #
Эффективное продвижение в интернете.
allsubmitter и базы
<a href=http://bit.ly/2yvpbEy>базу данных для allsubmitter</a>
DonaldHek 26 Mar 2018 в 05:11 #
Эффективное продвижение в интернете.
allsubmitter база 2016 скачать
<a href=http://bit.ly/2yvpbEy>база allsubmitter base</a>

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

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