Фронтенд (Frontend) - что это такое простыми словами в веб разработке.
Производные: "фронт", "на фронте", "фронтендер" , "упал фронт"
Официальный Термин / Сокращение.
Frontend Development (Клиентская часть разработки).
Краткое Определение что такое Фронтенд (Frontend).
Фронтенд - это внешняя сторона сайта. Всё, что пользователь видит глазами, всё на что он может нажать, всё что двигается и переливается в браузере. Это "внешний вид" сайта: кнопки, меню, картинки, анимация, шрифты.
Фронтенд если по-простому.
Возвращаемся к нашему примеру с "Рестораном" (или квартирой).
Фронтенд - (это обеденный зал).
- Красивые скатерти (CSS).
- Удобные стулья и расстановка столов (HTML).
- Вежливый официант, который принимает заказ и приносит меню (JavaScript).
Гостю (пользователю) не важно, как работает плита на кухне. Ему важно, чтобы в "зале" было красиво, удобно и чтобы меню открывалось быстро. Вот этим и занимается Фронтенд.
Что такое Фронтенд (Frontend) для веб-мастера
Если ты правишь HTML-код в шаблоне Blogger, меняешь цвет кнопки в CSS или добавляешь скрипт падающего снега - ты занимаешься Фронтендом.
Три кита Фронтенда:
- HTML (Каркас): "Здесь будет заголовок, а здесь картинка".
- CSS (Внешний вид): "Заголовок будет красным, а картинка - круглой".
- JavaScript (Поведение): "Если нажать на картинку, она должна увеличиться".
Пример использования Фронтенда в речи.
Пример 1 (Разделение): "Дизайн готов. Отдавайте макеты на фронтенд."
Пример 2 (Ошибка): "Кнопка не нажимается - это баг на фронте, бэкенд тут ни при чем."
Пример 3 (Работа): "Я фронтендер, я в базах данных не разбираюсь."
Связанные термины.
Бэкенд (Backend): - "Кухня" сайта. Фронтенд без Бэкенда - это просто красивая картинка, которая ничего не умеет делать.
Верстка: - Процесс превращения картинки от дизайнера в код (HTML/CSS).
Баг (Bug): Ошибка. Если кнопка уехала за край экрана - это "баг на фронте".