Обзор технологий проектирование web-сайтов

Web-разработка – это достаточно сложный процесс с огромным набором правил и методов, о которых должен знать каждый проектировщик web-сайта. Если необходимо, чтобы web-сайт выглядел и функционировал так, как нужно заказчику, то требуется применять современные web-технологии, которые помогут достичь целей создания сайта.
В самом простейшем случае разработка приложения или web-сайта обычно сводится к знанию 3 основных языков: JavaScript , CSS и HTML.
Web-технологии – это языки разметки и мультимедийные пакеты, которые компьютеры используют для общения.
Поскольку web-разработка претерпела существенные изменения, то в настоящее время принято выделять такие области разработки web-сайтов:
Фронтэнд (frontend);
Бэкэнд (backend).
Frontend и Backend – это два самых популярных термина, используемых в web-индустрии, но разница между ними довольно существенная. Это две самые фундаментальные части разработки программного обеспечения, которые играют важную роль в web-разработке. Внешний интерфейс – это то, что видит пользователь и с чем взаимодействует, а внутренний – то, как происходит обработка данных.
Внешний интерфейс может ссылаться на графический интерфейс пользователя, тогда как внутренний интерфейс – это та часть web-сайта, которую пользователь не может видеть или с которой не может взаимодействовать.
Web-интерфейс – это часть web-сайта, с которой пользователь может напрямую работать и взаимодействовать, чтобы получить бэкэнд-возможности системы. Он включает в себя все, что пользователь может увидеть и испытать. Роль web-дизайнера сильно изменилась за эти годы, но основные функции разработки web-сайтов остались прежними.
Frontend – это все дизайнерские и оформительские решения, которые пользователь видит на web-сайте, таких как графический пользовательский интерфейс, включая яркие кнопки, красочные изображения, навигационные меню и т.д. Frontend также называют «клиентской», поскольку действие происходит на клиенте – стороне информационного обмена, которая в этом случае является пользователем. Как правило, клиент относится к компьютерному приложению, такому как web-браузер, который его просматривает.
Frontend – это в основном web-браузер, и все, что пользователь видит и взаимодействует на web-сайте, является частью разработки web-интерфейса. Лучшее взаимодействие с пользователем с точки зрения дизайна и простоты использования может быть связано с разработкой web-интерфейса, а web-дизайнер должен хорошо разрабатывать web-сайты.
Следует отметить, что web-дизайнер не имеет дело с кодом

. На самом деле он отвечает за все аспекты создания и перепроектирования web-сайтов, которые будут содержать как визуально привлекательные элементы, так и удобный дизайн. Роль разработчика web-интерфейса заключается в создании среды, которую пользователь может видеть и изменять с помощью комбинации нескольких инструментов, включая HTML, CSS и JavaScript.
Бэкэнд представляет собой серверную часть, также называемая «серверной стороной», является частью web-сайта, с которой пользователь не может взаимодействовать напрямую. По сути, все, что происходит за пределами форм пользовательского интерфейса, можно отнести к серверной web-разработке.
Это часть системы, которая не вступает в прямой контакт с пользователями. В отличие от внешнего интерфейса, он работает на стороне сервера, но взаимодействует с внешним интерфейсом, чтобы гарантировать, что система предоставляет нужный пользователю функционал. В каждом приложении есть также значительная часть кода не пользовательского интерфейса, который имеет дело со всеми сложными системами, которые происходят в фоновом режиме. Люди, которые имеют дело с бэкэндом, обычно являются программистами и разработчиками.
Бэкэнд-разработчики обрабатывают все, что не связано с созданием пользовательского интерфейса, например, написание API, создание библиотек или добавление утилит ко всему, что создает web-дизайнер. Они облегчают связь между уровнем представления и уровнем бизнес логики. Они играют решающую роль в web-разработке, и их роль тесно связана с web-дизайнерами. Короче говоря, бэкэнд-web-разработка – это сочетание разработки и поддержки основной функциональной логики программного приложения. Проще говоря, разработчики бэкэнда пишут код, чтобы убедиться, что все работает на внешнем интерфейсе. Они тратят больше времени на реализацию логики и реализацию алгоритмов, чем web-дизайнеры, чтобы обеспечить правильную работу сайта.
Связь бэкэнда и фронтэнда представлена на рисунке 1.1.
Рисунок 1.1 – Связь бэкэнда и фронтэнда
Рассмотрим технологии создания web-сайтов, которые применяются на стороне Фронтэнда.
Во-первых, это HTML и CSS.
HTML, CSS являются строительными блоками для web-разработки. Их фреймворки, такие как Bootstrap и Materialize, наиболее широко используются в web-разработке. Twitter Bootstrap популярен благодаря адаптивному дизайну, а Flexbox и CSS Grid System также являются популярными темами в CSS, и они используются без какой-либо инфраструктуры для разработки адаптивных web-сайтов.
Другой популярной технологией разработки является Motion UI