Если вы новичок в веб-разработке, вы, вероятно, много слышали о внешнем и внутреннем интерфейсе. Но что именно это означает? Если вы новичок в этой области, вам сложно узнать о них и о том, что каждый из них охватывает.
В этой статье я хочу объяснить эти две концепции самым простым из возможных способов.
Внешние и внутренние разработчики четко отличаются друг от друга и похожи на две стороны одной медали. Функция веб-сайта заключается в том, чтобы доверять каждой стороне, с которой он общается, и эффективно действовать как единое целое с другой стороной. Один важнее другого? Нет. Оба играют очень важную роль в веб-разработке.
Внешний интерфейс
Интерфейс веб-сайта означает все, что вы видите на веб-сайте, которое взаимодействует с вашим браузером. Также известный как «клиентская сторона», он включает в себя все, что непосредственно испытывает пользователь: от текста и цветов до кнопок, фотографий и меню.
Например, предположим, что у вас есть компания, поэтому вам нужен профессиональный веб-сайт, чтобы представить свою компанию и позицию клиентам. У вас может быть несколько фотографий и некоторая информация о ваших товарах. Для создания веб-сайта вам потребуются все интерфейсные технологии.
Эти три языка вместе могут сделать для нас следующее:
HTML: это базовый язык, на котором создается и систематизируется веб-контент, который отображается в браузере.
CSS: язык с HTML, который определяет стиль содержания веб-сайта, такой как макет, цвет, шрифты и т. д.
JavaScript: этот язык программирования в основном используется для интерактивных элементов, таких как раскрывающиеся меню, контактные формы и окна, которые открываются модально.
Соблюдение всех этих требований вместе создаст все визуальные эффекты при посещении веб-сайта - например, при совершении покупок в Интернете, чтении новостей, проверке электронной почты или поиске в Google.
Веб-разработчик VS веб-дизайнер
Важно отметить, что хотя разработчики внешнего интерфейса имеют дело с визуальной и интерактивной стороной веб-сайта, их нельзя рассматривать как веб-дизайнеров.
Разработчики внешнего интерфейса на самом деле не проектируют эти внешние аспекты веб-сайта; Это специальность веб-дизайнера или, точнее, дизайнера пользовательского интерфейса. Разработчик внешнего интерфейса берет этот дизайн и создает функциональные возможности, используя языки интерфейса, о которых мы говорили выше.
Итак, веб-дизайнеры озабочены дизайном: внешним видом веб-сайта, его позиционированием, а также кнопками и точками взаимодействия с пользователем. Разработчики интерфейсов имеют дело с функциями; Фактически, Front-end разработчики - это инженеры, которые превращают эти проекты в живой интерактивный веб-сайт.
Серверная часть
Вернемся к нашему примеру. Через некоторое время веб-сайт вашей компании будет отлично выглядеть, а компания - чрезвычайно успешной. Теперь клиенты хотят покупать у вашей компании для своих друзей, и у них возникают вопросы о том, могут ли они делать заказы через Интернет.
Итак, вы решили открыть интернет-магазин, где люди могут покупать и делать заказы в любое время. Это означает, что на вашем сайте теперь должна храниться информация о продуктах, покупках, профилях пользователей, кредитных картах и т. Д. Как вы управляете этими данными? Вот тут-то и вступает в игру бэкэнд-разработка.
Back End программирование - это кодирование и программирование всего, что пользователь не видит, и связано с закулисной работой веб-сайта. Например, когда веб-сайт получает статьи из базы данных, это вопрос серверной части. Работа бэкэнд-программиста - программировать то, что составляет основу веб-сайта, и пользователь не видит код напрямую.
Серверная часть отвечает за поддержание и организацию данных и обеспечение того, чтобы все работало на стороне клиента. Серверная часть взаимодействует с клиентской частью, отправляя и получая информацию, которая будет отображаться в виде веб-страницы. Каждый раз, когда вы заполняете контактную форму, вводите веб-адрес или совершаете покупку (любое взаимодействие с пользователем на стороне клиента), ваш браузер отправляет запрос на сервер, который кодирует информацию в форме и возвращает интерфейс, который браузер умеет интерпретировать и отображать.
Вашему сайту нужна база данных для управления всей информацией о клиентах и продуктах. База данных хранит контент веб-сайта в структуре, которая упрощает поиск, систематизацию, редактирование и хранение информации. Он работает на удаленном компьютере, который называется сервером. Существует несколько широко используемых баз данных, таких как MySQL, SQL Server, PostgresSQL и Oracle.
В вашем приложении все еще есть код внешнего интерфейса, он также должен быть построен с использованием языка, который может распознать база данных. Некоторые распространенные серверные языки - это Ruby, PHP, Java, .Net и Python. Эти языки программирования часто работают на фреймворках, упрощающих процесс веб-разработки. Например, Rails - это фреймворк, написанный на Ruby. Ruby on Rails - популярная технология для создания динамических веб-приложений, ускоряющих этот процесс.
Предположим, вы зашли в театр, чтобы посмотреть театр. Всех, кто выступает на сцене и их видит публика, мы можем рассматривать как Front End актеров театрального спектакля.
А всех тех, кто работает за кулисами, таких как художник по костюмам, режиссер, сценарист, продюсер и… кто не виден публике, но работает за кулисами и их работа влияет на спектакль, можно назвать Back End актерами театра. представление.
То же самое и в Интернете. Все, что пользователь видит на экране монитора, относится к Front End, а все, что выполняется за кулисами, связано с Back End.
