Введення у веб-розробку
  • Передмова
  • Починаємо
    • Вступ
    • TCP/IP протокол
    • HTTP
    • Веб-браузер
    • Веб-сервер
    • Cookies
    • Фронтенд і бекенд
    • Фреймворки
    • Редактори коду
    • Emmet
  • Git
    • Короткий опис
    • Базові Git-команди
  • HTML
    • Короткий опис
    • Теги і атрибути
    • Структура HTML-документу
    • HTML-файли
  • CSS
    • Короткий опис
    • Додавання CSS до HTML-документу
    • CSS-препроцесори
  • JavaScript
    • Короткий опис
    • Що таке ECMAScript?
    • Document Object Model
    • AJAX, JSON
    • Інструменти для збірки
    • Node.js
    • npm
  • PHP
    • Короткий опис
    • Середовище для розробки
  • MySQL
    • Короткий опис
    • Інструменти управління базами даних
  • MongoDB
    • Короткий опис
    • MongoDB shell
    • MongoDB GUI
    • Вибірка і сортування
    • Індекси
  • Linux
    • Короткий опис
  • Windows
    • Windows 10 підсистема для Linux
    • Chocolatey
    • Покращена консоль
  • Що далі?
    • Фронтенд
    • Бекенд
Powered by GitBook
On this page
  • Що таке front-end і back-end?
  • Що означає full stack веб-розробник?
  1. Починаємо

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

Що таке 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 веб-розробник?

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

PreviousCookiesNextФреймворки

Last updated 6 years ago