Добавить в корзинуПозвонить
Найти в Дзене
Цинфа | CINFA

Бэкенд и Фронтенд для чайников

Если ты только начинаешь интересоваться миром IT, то первое, что ты услышишь — это страшные слова «фронтенд» и «бэкенд». Сразу представляются какие-то сложные схемы, коды и бородатые программисты в свитерах. На самом деле всё просто. Это как две стороны одной медали, которые не могут друг без друга. Давайте разберем на жизненном примере, который всем знаком. На примере пиццерии. Представь, что ты зашел на сайт, чтобы заказать пиццу. Весь процесс можно разделить на две части: то, что ты видишь, и то, что скрыто от глаз. Фронтенд (Frontend) — Это Витрина и Официант Фронтенд — это всё, что ты видишь в браузере или в приложении. Это «лицо» программы. В нашей пиццерии фронтенд — это: 1. Красивая витрина: Яркие картинки пицц с тянущимся сыром, аппетитные названия («Пепперони», «Четыре сыра»). 2. Меню: Список с ценами, описание состава, кнопки «Добавить в корзину». 3. Кнопки и ползунки: Ты нажимаешь на размер пиццы (маленькая, большая), и цена сразу меняется. Ты выбираешь бортик с сыром, и га

Если ты только начинаешь интересоваться миром IT, то первое, что ты услышишь — это страшные слова «фронтенд» и «бэкенд». Сразу представляются какие-то сложные схемы, коды и бородатые программисты в свитерах. На самом деле всё просто. Это как две стороны одной медали, которые не могут друг без друга.

Давайте разберем на жизненном примере, который всем знаком. На примере пиццерии.

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

Фронтенд (Frontend) — Это Витрина и Официант

Фронтенд — это всё, что ты видишь в браузере или в приложении. Это «лицо» программы.

В нашей пиццерии фронтенд — это:

1. Красивая витрина: Яркие картинки пицц с тянущимся сыром, аппетитные названия («Пепперони», «Четыре сыра»).

2. Меню: Список с ценами, описание состава, кнопки «Добавить в корзину».

3. Кнопки и ползунки: Ты нажимаешь на размер пиццы (маленькая, большая), и цена сразу меняется. Ты выбираешь бортик с сыром, и галка ставится автоматически.

4. Корзина: Симпатичное окошко, где написано: «Вы заказали Маргариту и Барбекю. Итого: 1200 рублей».

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

Бэкенд (Backend) — Это Кухня и Повар

Бэкенд — это то, что скрыто за красивой витриной. Это «мозг» и «рабочие руки» программы. Обычный пользователь его не видит.

В нашей пиццерии бэкенд — это:

1. Кухня: Когда ты нажал «Заказать», сигнал (данные) ушел на кухню. На экране повара высветилось: «Готовь Маргариту, большую, с двойным сыром».

2. Повар: Он берет тесто, соус, сыр и начинает готовить. Он ничего не знает о том, красивый ли был шрифт на сайте, ему главное — приготовить правильно по рецепту.

3. Склад: Повар проверяет, есть ли на складе ингредиенты. База данных (склад) говорит: «Колбаса есть, сыр есть». Или: «Ананасы закончились».

4. Касса: После приготовления бэкенд считает итоговую стоимость, списывает деньги с карты и отправляет фронтенду подтверждение: «Заказ оплачен, готовится».

Задача бэкендера — сделать так, чтобы всё работало под капотом. Он пишет код, который хранит данные (твои имя, адрес, историю заказов), обрабатывает их, считает скидки, общается с базой данных и с платежной системой.

Автоматизация 1С для лизинга: https://leasing.cinfa.ru/

Автоматизация любых процессов 1С: https://cinfa.ru/