Что такое футер, хедер, сайдбар и другие части IT-продукта

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

Хедер и футер (header, footer) — иначе шапка и подвал страницы. Шапка находится наверху веб-страницы или мобильного приложения. Как правило, туда помещают логотип компании или продукта, меню, кнопку, ведущую в профиль, личный кабинет или корзину. Футер, подвал, находится внизу страницы или приложения. Там часто дублируют меню, расширяя его дополнительной и технической информацией. Например, там можно найти ссылки на подробное описании компании, вакансии, контакты. Там же находится информация о том, кто делал продукт и на чём он сделан.

Фронтенд и бэкенд (frontend, backend) — внешняя и внутренняя части IT-продукта. Фронтенд, внешняя часть — всё, что видит пользователь и с чем непосредственно взаимодействует. Это картинки и тексты, кнопки и формы, видео и анимации. Это всё, что происходит в браузере или в самом приложении на глазах пользователя. Бэкенд, внутренняя часть — всё, что пользователь не видит или всё, что находится «под капотом» сайта или приложения. Фактически роль бэкенда в том, чтобы принимать запросы и передавать запросы серверу. Но это сложная вычислительная работа — обработка поступающей и имеющейся информации, поиск и извлечение данных, динамическая (то есть меняющаяся) визуализация страниц (изменение фронтенда), проверка безопасности.

Интерфейс (interface) — буквально «место соприкосновения», точка соприкосновения пользователя с внешней частью продукта, чтобы «добиться» результата от внутренней части. Через интерфейс пользователь взаимодействует с операционной системой. А сам интерфейс представляет собой определённый набор средств для взаимодействия двух систем. Приборная панель автомобиля — это тоже интерфейс. А у IT-продукта это визуальные средства — кнопки, формы, кликабельные элементы.

Сайдбар (sidebar) — боковая панель-меню справа или слева. Сайдбар разграничивается контентом, который выводится там вертикально. Это может быть, например, расширенный каталог товаров или рубрик.

Дропдаун (dropdown) — выпадающее меню или выпадающий список, из которого можно что-то выбрать.

Стек (stack) — буквально «пачка» или пакет программ, которые собраны вместе, связаны и интегрированы между собой, чтобы продукт работал полноценно. Это набор технологий, которые собираются воедино, чтобы осуществлять задачи сайта или приложения. В классической разработке часто встречается вот такой стек: HTML + CSS + JavaScript +PHP + MySQL. Это набор языков программирования фронтенда, бэкенда и базы данных. А во вселенной No-code часто встречается стак из ноукод-программы + внешней базы данных (например, Airtable, Google Sheets) + интегрирующая программа (типа Make, Albato, Collabza).

Хотите быстр погрузиться в мир разработки и научиться разбираться в IT-терминологии? Начинайте через No-code! Узнайте об этой технологии на бесплатном вебинаре по клику на картинку ниже

Птичий язык разработки: сленг и непонятные слова. Часть 2