+7 (495) 055-13-21inbox@aquatos.ruг. Москва, Авиационный переулок, дом 5

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

  • 01 Июня, 2017
  • Posted by admin
  • разработка
  • Comments:0

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

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

Тэги:
  • разработка
Последние публикации
01 Июня, 2017 Фронтенд vs Бэкенд

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

Comments: 0
28 Августа, 2017 Разработка дизайна сайта

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

Comments: 0
28 Августа, 2017 Техническое задание на разработку сайта

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

Comments: 1
28 Августа, 2017 Тенденции современного web-дизайна

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

Comments: 0
28 Августа, 2017 Структура и проектирование страниц сайта

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

Comments: 0
Comments(0)
Оставить комментарий
Популярное
Соц. сети
Популярное
Соц. сети
Спасибо,за ваше обращение!
Наши специалисты вскоре свяжутся с вами
Спасибо,за подписку!
мы будем держать вас в курсе всего самого интересного
Спасибо,за ваш вопрос!
Мы постараемся ответить максимально быстро и развернуто
Что-то,пошло не так!
Наш искусственный интелект не может обработать один из ваших запросов!
Заказать похожую работуМы не клонируем сайты!

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

Оформить рассрочкуЗакажи сайт с рассрочкой 20 000 руб./мес.

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

Хотите задать вопрос?Акция

Для получения информации об акции сообщите нам пожалуйста ваше имя и телефонный номер

Хотите задать вопрос?Вакансии

Для получения информации о вакансиях сообщите нам пожалуйста ваше имя и телефонный номер

Хотите задать вопрос?Бесплатная консультация специалиста

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

Сайт за 100 000 РУБВы хотите заказать сайт?

Давайте, обсудим все функции вашего сайта, уточним все важные для работы вопросы, и тогда мы будем готовы предоставить вам полную смету, по работам над вашим проектом. Укажите ваши контакты и менеджер свяжеся с вами уже сегодня!

Заказать дополнительную услугуВы уже наш клиент и хотите расширить функциональность сайта?

Мы с радостью расширим функционал любого разработанного нами сайта. Если же ваш сайт разработан не нами, мы с радостью предложим вам услугу, по переносу сайта, под управление MODX CMF AQUATOS edition

проверка сайта на адаптивность
Бесплатная консультация со специалистом

Хотите получить развернутую консультацию специалиста и решить все возникшие проблемы на сайте? Укажите ваш номер телефона и email.