Front-End против Back-End против Full-Stack веб-разработки

Веб-разработка - это не одно. Он охватывает несколько наборов навыков, и в пространстве веб-разработки есть разные виды карьеры. Часто используются три термина: «передний конец», «задний конец» и «полный стек». Вот ключевые различия между ними.

Front-End веб-разработка

Фронтальная разработка, хотя ее компоненты постоянно меняются, по существу касается внешних частей веб-сайта или веб-приложения. По своей сути, фронт-энд разработка включает в себя HTML, CSS и JavaScript:

• HTMLЯзык разметки гипертекста, или HTML, является ключевым структурным компонентом всех веб-сайтов в Интернете. Без этого веб-страницы не могут существовать.
• CSS: CSS добавляет стиль в HTML. Мне нравится использовать аналогию, что HTML похож на лицо, а CSS - на грим.
• JavaScript: JavaScript, или JS, развивался в течение последних нескольких лет. В отношении фронт-энда разработки JS важен, потому что он помогает сделать веб-страницы интерактивными.

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

Back-End веб-разработка

Back-end веб-разработка - это то, что происходит за кулисами. Задний конец позволяет интерфейс опыт.

Чтобы упростить задачу, подумайте о внешнем интерфейсе как части айсберга над водой. Это то, что видит пользователь - гладкий сайт. Задняя часть - остальная часть льда; конечный пользователь не может увидеть его, но это самый фундаментальный элемент веб-приложения. Бэкэнд работает на сервере или, как его часто называют, «на стороне сервера».

В отличие от внешней разработки (которая в основном использует HTML, CSS и JavaScript), внутренняя веб-разработка может опираться на ряд языков и структур.

Несколько популярных языков, используемых в бэкэнде, включают:

• Рубин (часто используется вместе с платформой Rails - AKA Ruby on Rails)
• питон (который часто используется с фреймворком Django на заднем конце)
• PHP (популярная WordPress CMS использует PHP на своем бэкэнде - у PHP есть несколько популярных фреймворков, одна из которых Laravel)
• Node.js (становится все более популярным - это фоновая среда для веб-приложений, созданных на JavaScript)

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

Это где базы данных приходят. Back-end разработчики также обрабатывают их.

Популярные базы данных включают в себя:

• MySQL
• PostgreSQL
• MongoDB
• И другие

Как правило, определенные внутренние языки / платформы требуют определенной базы данных. Например, среда полного стека MEAN требует MongoDB.

Помимо знания внутреннего языка / инфраструктуры и работы с базами данных, разработчики также должны понимать архитектуру сервера.

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

Полный стек

Полный стек - это комбинация как переднего, так и заднего конца. Разработчик с полным стеком - мастер на все руки. Они отвечают за все уровни разработки, от настройки сервера до CSS, связанного с дизайном.

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

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

Заключение

У веб-разработки много лиц, и она развивается с каждым днем. Есть чему поучиться, но не чувствую давления, чтобы выучить все сразу. Помните, что на рабочем месте вы обычно будете в команде с другими. Сосредоточьтесь на оттачивании своих навыков в одном аспекте веб-разработки одновременно. Не перегружайтесь, и вы станете профессионалом, прежде чем вы это знаете.