Народ, всем привет. Если вы только начинаете погружаться в программирование или планируете работать в IT, то, скорее всего, слышали слова «фронтенд» и «бэкенд». Эти два понятия — как две стороны айсберга, видимая часть на поверхности это фронтенд. А вот всё, что скрыто под водой и обеспечивает работу и стабильное «плавание», это бэкенд. Давайте сегодня разберёмся, что это такое и в чём разница, без сложных терминов, прямо вот для начинающих. И чтобы понять различие на пальцах, представим, что сайт — это кафе.
- фронтенд, это зал кафе, где вы сидите, меню, официанты, музыка, декор. То, с чем вы взаимодействуете напрямую.
- бэкенд, это кухня, кладовка, бухгалтерия, управление заказами. Вы этого не видите, но без этого кафе не будет работать.
А теперь давайте подробнее, и начнем мы с фронтенда (frontend), всего того, что пользователь видит на экране и с чем может взаимодействовать. А значит, это кнопки, формы (логин, регистрация), меню и навигация, какая-нибудь анимации и переходы, отображение любых данных (например, список товаров). Фронтенд-разработчик делает так, чтобы всё выглядело красиво и работало удобно. Чаще всего технологии фронтенда, это три кита:
- HTML — строит структуру страницы
- CSS — отвечает за внешний вид
- JavaScript — делает сайт интерактивным (ну плюс фреймворки: React, Vue, Angular)
Поэтому, если вы хотите стать фронтендером, все, что вам нужно, это умение верстать (HTML/CSS), владеть JavaScript (хотя бы на базовом уровне), желательно понимание UX/UI-дизайна (кнопки, где должна быть аватарка, отступы, кликабельность и прочее). Ну отдельно можно выделить работу с адаптивной версткой (под разные экраны), что-то я замечаю, что не все это умеют нормально делать. Можно сказать, отдельный вид искусства.
А теперь переходим к бэку, а точнее бэкенду (backend), и это логика, сервер, база данных и вся внутренняя часть, которая обеспечивает работу сайта или приложения. Пользователь её не видит, но она отвечает на его запросы. Например:
- Вы жмёте "Купить" → фронтенд показывает кнопку → бэкенд добавляет товар в корзину.
- Вы заходите в аккаунт → фронтенд даёт форму → бэкенд проверяет пароль.
- Вы пишете комментарий → бэкенд сохраняет его в базе данных.
Если Вам нравятся наши статьи, и вы хотите отблагодарить автора (на развитие канала), нам будет очень приятно!
Если говорить о технологиях бэкенда, то там выбор гораздо обширнее, это и языки, такие, как Python, Java, PHP, Ruby, Node.js, Go. И необходимо понимать СУБД (базы данных): PostgreSQL, MySQL, MongoDB, работу с API (REST, GraphQL) и серверами (Nginx, Apache).
Как фронт и бэк работают вместе? Ну по своей сути это постоянное общение между собой, как клиент и кухня. Пример, когда пользователь нажал на кнопку "Показать погоду", то фронтенд отправляет запрос на сервер. А уже бэкенд берёт данные о погоде (из БД или другого сервиса) и отдаёт их обратно фронтенду. Тот их красиво «рисует» и показывает результат. Это называется клиент-серверное взаимодействие.
Если еще проще, то вот простой пример на пальцах. Вы заходите в интернет-магазин, и фронтенд показывает каталог товаров, фильтры, корзину. Бэкенд при этом хранит все эти данные о товарах, ценах, наличии, доставке в базе данных. Когда вы жмёте "Оформить заказ", данные идут на бэкенд, который проверяет корзину, уточняет наличие на складе, создаёт заказ в системе и отправляет вам письмо, что ваш заказ принят. Вот все это делает бэкенд.
А есть еще так называемые фулстек-разработчики. По свей сути фулстек (full-stack) — это человек, который умеет и фронтенд, и бэкенд. Он может сделать сайт или приложение "под ключ", от дизайна до логики и базы данных. Но обычно фулстек — это некий универсал, тогда как фронтенд и бэкенд-разработчики, каждый отдельно специалисты и профессионалы в своей области. Чаще всего по началу все мы фулстеки, а потом уходим в сторону того, что нам больше нравится.
А вот что выбрать, фронтенд или бэкенд, это уже вопрос личных предпочтений. Если вам нравится визуальное и креативное, пробуйте фронтенд, а вот если интересует логика, данные и "закулисье", начните с бэкенда. Проще говоря, один любит делать красиво, другой — чтобы работало. Но главное начать, а потом уже можно менять направление, расти и даже стать фулстеком.
Кстати, у нас есть и другой канал, FIT FOR FUN, про фитнес, бодибилдинг, правильное питание, похудение и ЗОЖ в целом. Кому интересно, ждем вас в гости!