# Фронтенд і бекенд

### Що таке front-end і back-end?

Веб-розробку умовно можна розділити на дві частини — фронтенд (англ. front-end) і бекенд (англ. back-end). До фронтенду (клієнтська частина) слід віднести HTML-верстку зі CSS-стилями і JavaScript, а до бекенду — серверну частину, яку зазвичай пишуть на Python, PHP, Ruby тощо.

Якщо простіше, то... Те, що кінцевий користувач бачить в браузері, те, що найбільше кидається йому в очі — це фронтенд. А, от, те, що під капотом, сховане від людських очей — це бекенд.

Як ви, мабуть, зауважили, якщо для серверної частини існує чималий список мов програмування, то для клієнтської частини JavaScript поза конкуренцією.

#### Поділ фронтенду

Фронтенд нерідко також розділяють на дизайн (вертку) та розробку.

Фронтенд дизайнер (англ. Front-End Designer) більшою мірою займається створення користувацьких інтерфейсів (англ. User Interface). Знає добре HTML та CSS. Добре володіє інструментами створення макетів, має відчуття прекрасного. Часом недолюблює JavaScript, зате вправно використовує такі надбудови як jQuery. По суті отримує задоволення від реалізації дизайн рішень.

Фронтенд розробник (англ. Front-End Developer) більше уваги приділяє написанню коду на JavaScript. Фреймворки, алгоритми, парадигми програмування тощо не є для нього чимось незрозумілим. Добре знає HTML та CSS. По суті має хист до програмування і отримує задоволення від цього процесу.

### Що означає full stack веб-розробник? <a href="#sho-oznachaye-full-stack-veb-rozrobnik" id="sho-oznachaye-full-stack-veb-rozrobnik"></a>

Термін full stack описує розробника, який однаково добре справляється з написанням фронтенду і бекенду. Рівень "full stack" передбачає добре розуміння кожного рівня стеку. На скільки якісно, це вже важче питання.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://vyspiansky.gitbook.io/introduction-to-web-development/getting-started/frontend-backend.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.