Перейти до основного вмісту

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

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

Що таке 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" передбачає добре розуміння кожного рівня стеку. На скільки якісно, це вже важче питання.

Коментарі

Популярні дописи з цього блогу

Назви класів HTML / CSS

блоки page  - кореневий елемент сторінки header  - шапка (сторінки або елементу) footer  - земельна ділянка (сторінки або елементу) section  - розділ контенту (один з декількох) body  - основна частина (сторінки або елементу) content  - вміст елемента sidebar  - бічна колонка (сторінки або елементу) aside  - блок з додатковою інформацією widget  - віджет, наприклад, в боковій колонці розкладка wrapper ,  wrap - обгортка, зазвичай зовнішня inner  - внутрішня обгортка container ,  holder ,  box - контейнер grid - розкладка (сторінки або елемента) у вигляді сітки (зазвичай містить в собі  row і  col ) row  - контейнер у вигляді рядка col ,  column - контейнер у вигляді стовпчика елементи управління button ,  btn - кнопка, наприклад, для відправки форми control  - елемент управління, наприклад, стрілки «Вперед / назад» в фотогалереї, кнопки управління слайдер...

100+ Найпоширеніших запитань API Testing, REST, SOAP, Web-services

Питання №1  Що таке  API? API (Application Programming Interface пер. з анг. інтерфейс прикладного програмування)  — це набір процедур, протоколів і інструментів взаємодії, для створення програмних додатків. Тобто API — це набір програмних функцій, які можуть бути виконані іншою програмою. API визначає, як одна програма повинна взаємодіяти з цією іншою, діє як інтерфейс між ними, дозволяє їм спілкуватися.  Ось, а тестування цих функцій якраз називається тестуванням API. Хороше API повинне мати чітко описану документацію як саме взаємодіяти з програмою до якої це API створене. На технічній співбеседі можуть попросити назвати деякі приклади API, як приклад — це API Google Карти, API Amazon Advertising, API Twitter, API YouTube тощо. Коротко Про API І Його Тестування — читайте допис також на нашому сайті тестувальників Питання №2 А що таке ІР ? IP-адреса  — це унікальна адреса користувача у мережі, мережевий вузол...

[ Интеграция ] Как настроить обмен 1С с интернет-сервисами

Бизнесы все активнее используют  интернет-сервисы : интернет-магазины, торговые площадки, облачные CRM, социальные сети, системы рассылок… Естественно, возникает задача  интеграции с корпоративной системой  – это сокращает рутинные работы и повышает скорость принятия решений. Условно – чтобы у директора и у менеджеров на одном экране были все необходимые данные: заказы через интернет, цифры по конверсии, данные по оффлайн продажам. списки клиентов и действий и т.д. И для нас интересны случаи  интеграции именно с конфигурациями на платформе “1С:Предприятие 8” . Что мы разберем в статье Мы рассмотрим 2 основных инструмента интеграции 1С –  HTTP-запросы  и  HTTP-сервисы . Штатные средства платформы “1С:Предприятие 8”, ничего лишнего. На конкретных примерах разберем: Отправку данных Получение данных Ответы на запросы от внешних сервисов. Поехали! Требования к рабочему окружению Для работы нам потребуется: Веб-сервер (Apach...