Що таке frontend?
Frontend — це частина сайту або застосунку, яка виконується у браузері користувача: верстка, стилі, анімації та вся логіка інтерфейсу. Усе, що людина бачить і з чим взаємодіє, — зона відповідальності фронтенду.
Базовий набір фронтенд-розробника — HTML, CSS і JavaScript, поверх яких працюють фреймворки на кшталт React, Vue чи Angular. До них додаються адаптивна верстка під різні екрани, доступність, оптимізація швидкості завантаження та робота з макетами дизайнера.
Фронтенд отримує дані від бекенду й відображає їх, а дії користувача надсилає назад на сервер. Зовні це виглядає як один застосунок, але за екраном — дві різні системи, що спілкуються через API.
Повʼязані терміни
Backend — серверна частина застосунку: вона зберігає й обробляє дані, містить бізнес-логіку, відповідає за авторизацію та безпеку й віддає результат фронтенду через API. Користувач її не бачить, але саме вона визначає, що застосунок уміє.
Full StackFull stack розробник — фахівець, який уміє робити і клієнтську, і серверну частину застосунку: зверстати інтерфейс, написати API, спроєктувати базу даних і звʼязати все це в робочий продукт.
HTMLHTML (HyperText Markup Language) — мова розмітки, яка задає структуру вебсторінки: заголовки, абзаци, списки, посилання, зображення та форми. Браузер читає HTML і будує за ним документ, який ви бачите на екрані.
CSSCSS (Cascading Style Sheets) — мова опису зовнішнього вигляду сторінки: кольори, шрифти, відступи, розташування блоків і поведінка верстки на різних розмірах екрана. HTML задає, що є на сторінці, CSS — як це виглядає.
JavaScriptJavaScript — мова програмування, яка виконується прямо в браузері й робить сторінки інтерактивними: реагує на кліки, надсилає запити до сервера, змінює вміст без перезавантаження. З появою Node.js нею пишуть і серверну частину.
ReactReact — бібліотека JavaScript для побудови користувацьких інтерфейсів. Інтерфейс збирається з компонентів — самостійних блоків зі своєю розміткою та логікою, — а React сам оновлює на екрані лише те, що справді змінилося.