“Front-end” и “back-end” Разработка

Разработка сайтов по системе front-end и back-end подразумевает иерархическое разделение процесса создания ресурса на две части, на разработку пользовательского интерфеса –(фронтэнда) и его программно-административной части (бэкэнда).

Front-end разработка – это работа по созданию публичной части сайта, с которой непосредственно контактирует пользователь и функционала который обычно обыгрывается на клиентской стороне (в браузере).

Front-end Разработка

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

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

При создании пользовательской стороны сайта и формировании html страницы мы учитываем следующие моменты:

  • Грамотное использование тегов h1, h2 и т.д. в порядке очерёдности.
  • Грамотное использование тега lang.
  • Реальное заполнение атрибута alt для картинок. Если на картинке изображен логотип, то “Логотип копмании”, если человек, то имя человеке. Для значков на английском языке “Twitter Icon” и т.д. (не относиться к динамическим изображениям, например, фото новости).
  • Не забываем про метатеги.
  • Не забываем про фавиконку (favicon).
  • Там где предполагается ссылка, должна быть прописана ссылка.
  • Для контактов использовать атрибуты skype, tel и mailto.
  • Ссылки на внешние страницы должны открываться в новом окне.
  • Каждая ссылка имеет атрибут title.
  • Код хорошо прокомментирован.
  • Оптимизация изображений для Интернета.
  • Использование мобильных версий картинок, там где это необходимо.
  • HTML, CSS и JS файлы должны иметь параллельно с основной (рабочей) и сжатую версию для последующего запуска сайта на хостинге.
  • Все стили и скрипты вынесенны в отдельные файлы.
  • Размеры всех картинок заданы средствами CSS.
  • Использовать слайдеры, карусели и галереи адаптированны для мобильных устройств.
  • Всплывающие окна адаптированны для мобильных устройств.
  • Переименование файлов в случае использования кеширования.
  • Подсветка (hover, active, visited) для ссылок.
  • Подсветка (hover, active) для кнопок и полей в формах.
  • Прижатый подвал при малом кол-ве контента на странице.
  • Отсутствие outline у кнопок.

Back-end разработка

Бэкэнд development – это процесс программирования сайта и наполнения его функционалом. Создание ядра сайта, разработка платформы сайта, наполнение его основным функционалом и создание административной зоны – это и есть бэкэнд разработка.

Back-end Разработка

Бэкэнд производит обработку пользовательской информации полученной из front-офиса, и возвращает front-end’у результат в понятной ему форме.

Бэкэнд программирование - это веб программирование, целью которого является реализация серверной стороны сайта, интеграция базы данных и связь ее с пользовательской (front-end) стороной. Разработка бэкэнда сайта так же включает настройку и установку на сервер необходимого программного обеспечения.

Проще говоря, фронтэнд передает информацию и команды от пользователя в бэкэнд, а тот в свою очередь производит их обработку. Или если уж совсем просто, то - Front-end создается для посетителя сайта, а Back-end для его администратора.

Хотите заказать сайт?

Наш практический опыт в веб-дизайне гарантирует Вашему проекту высокий уровень реализации в оптимальные сроки.

Полезная информация