Что такое фронтенд и бэкенд

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

А Бэкенд — это невидимая часть, то, что находится «за кадром», скрыто от глаз пользователя, и работает на сервере, вне его браузера. По сути, бэкенд обеспечивает взаимодействие пользователя с сервером. Ну, например, нужно сохранять и обрабатывать данные пользователя, который регистрируется на сайте. Отправка товара в корзину или покупка в интернет-магазине — за все эти невидимые действия отвечает бэкенд.

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

Фронтенд

Если кратко, то фронтенд стоит на трёх китах.

1. HTML — язык разметки, который сообщает браузеру, какие элементы составляют структуру веб-страницы: это заголовки, абзацы, изображения, ссылки, списки и т.д.

2. CSS — сообщает браузеру, как именно нужно отображать эти элементы. Он отвечает за внешний вид и задаёт стили. Например, для заголовков и текста — это цвет, размер, шрифт; можно даже задать интервал между символами, словами и строками. С помощью CSS можно влиять на размещение различных блоков на веб-странице, задавать отступы между элементами и делать многое др.

3. JavaScript — это язык программирования, который делает страницы интерактивными. Он реагирует на действия пользователя, добавляет анимацию, подгружает данные с сервера без перезагрузки страницы. В общем оживляет страницу, делая её более привлекательной и понятной для пользователя.

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

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

Читать подробнее: «Что нужно знать джуниору во фронтенд-разработке».

Бэкенд

А вот в бэкенд-разработке инструментов используется больше. Бегло перечислю наиболее популярные языки.

PHP — на нём написано большинство сайтов.

Теряет былую популярность, но по-прежнему востребован у работодателей Ruby (Rails).

А вот Python свою популярность только увеличивает. Стоит обратить внимание на его классный фреймворк Django, который заметно упрощает разработку сайтов.

Java — этот язык программирования любят крупные компании. Это банки, например, такие как Deutsche Bank и Goldman Sachs; или торговые интернет-площадки, которые у всех на слуху, — eBay и Amazon.

Ещё стоит упоминания Go — это молодой быстрый язык с лаконичным синтаксисом, который стремительно набирает популярность.

Конечно, нужно знать системы управления базами данных, например: популярные MySQL или PostgreSQL.

И ещё важно. Платформа Node.js, которая позволяет использовать JavaScript также и на стороне сервера. Именно благодаря ей JavaScript стал универсальным языком. JavaScript с Node.JS обязательно входят в арсенал фулстек-разработчиков, специалистов в обеих областях: по фронтенду и по бэкенду.